From 8f7c4a4d61d1d360e079f68cd363e906300a21a9 Mon Sep 17 00:00:00 2001
From: Vasily Zubarev <me@vas3k.ru>
Date: Mon, 14 Jul 2025 08:59:50 +0200
Subject: [PATCH] fix #30: individual items are not saved "

---
 app/(app)/settings/fields/page.tsx   |  4 ++--
 app/(app)/unsorted/layout.tsx        |  3 +++
 app/(app)/unsorted/loading.tsx       |  4 ++--
 app/(app)/unsorted/page.tsx          |  4 ++--
 components/unsorted/analyze-form.tsx | 10 +++++-----
 5 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 app/(app)/unsorted/layout.tsx

diff --git a/app/(app)/settings/fields/page.tsx b/app/(app)/settings/fields/page.tsx
index 8c361a5..9a1e34d 100644
--- a/app/(app)/settings/fields/page.tsx
+++ b/app/(app)/settings/fields/page.tsx
@@ -36,14 +36,14 @@ export default async function FieldsSettingsPage() {
           { key: "llm_prompt", label: "LLM Prompt", editable: true },
           {
             key: "isVisibleInList",
-            label: "Always show in transactions table",
+            label: "Show in transactions table",
             type: "checkbox",
             defaultValue: false,
             editable: true,
           },
           {
             key: "isVisibleInAnalysis",
-            label: "Always show in analysis form",
+            label: "Show in analysis form",
             type: "checkbox",
             defaultValue: false,
             editable: true,
diff --git a/app/(app)/unsorted/layout.tsx b/app/(app)/unsorted/layout.tsx
new file mode 100644
index 0000000..33cc80c
--- /dev/null
+++ b/app/(app)/unsorted/layout.tsx
@@ -0,0 +1,3 @@
+export default function UnsortedLayout({ children }: { children: React.ReactNode }) {
+  return <div className="flex flex-col gap-4 p-4 w-full max-w-6xl">{children}</div>
+}
diff --git a/app/(app)/unsorted/loading.tsx b/app/(app)/unsorted/loading.tsx
index 28e9bdb..f3db262 100644
--- a/app/(app)/unsorted/loading.tsx
+++ b/app/(app)/unsorted/loading.tsx
@@ -3,7 +3,7 @@ import { Loader2 } from "lucide-react"
 
 export default function Loading() {
   return (
-    <div className="flex flex-col gap-6 p-4 w-full max-w-6xl">
+    <>
       <header className="flex items-center justify-between">
         <h2 className="text-3xl font-bold tracking-tight flex flex-row gap-2">
           <span>Loading unsorted files...</span>
@@ -27,6 +27,6 @@ export default function Loading() {
           </div>
         </div>
       </Skeleton>
-    </div>
+    </>
   )
 }
diff --git a/app/(app)/unsorted/page.tsx b/app/(app)/unsorted/page.tsx
index 2627c1b..b72bc13 100644
--- a/app/(app)/unsorted/page.tsx
+++ b/app/(app)/unsorted/page.tsx
@@ -32,7 +32,7 @@ export default async function UnsortedPage() {
   const settings = await getSettings(user.id)
 
   return (
-    <div className="flex flex-col gap-6 p-4 w-full max-w-6xl">
+    <>
       <header className="flex items-center justify-between">
         <h2 className="text-3xl font-bold tracking-tight">You have {files.length} unsorted files</h2>
         {files.length > 1 && <AnalyzeAllButton />}
@@ -103,6 +103,6 @@ export default async function UnsortedPage() {
           </div>
         )}
       </main>
-    </div>
+    </>
   )
 }
diff --git a/components/unsorted/analyze-form.tsx b/components/unsorted/analyze-form.tsx
index 1865961..ebef80d 100644
--- a/components/unsorted/analyze-form.tsx
+++ b/components/unsorted/analyze-form.tsx
@@ -3,20 +3,20 @@
 import { useNotification } from "@/app/(app)/context"
 import { analyzeFileAction, deleteUnsortedFileAction, saveFileAsTransactionAction } from "@/app/(app)/unsorted/actions"
 import { CurrencyConverterTool } from "@/components/agents/currency-converter"
+import { ItemsDetectTool } from "@/components/agents/items-detect"
+import ToolWindow from "@/components/agents/tool-window"
 import { FormError } from "@/components/forms/error"
 import { FormSelectCategory } from "@/components/forms/select-category"
 import { FormSelectCurrency } from "@/components/forms/select-currency"
 import { FormSelectProject } from "@/components/forms/select-project"
 import { FormSelectType } from "@/components/forms/select-type"
 import { FormInput, FormTextarea } from "@/components/forms/simple"
+import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Category, Currency, Field, File, Project } from "@/prisma/client"
 import { format } from "date-fns"
-import { Brain, Loader2, Trash2, ArrowDownToLine } from "lucide-react"
+import { ArrowDownToLine, Brain, Loader2, Trash2 } from "lucide-react"
 import { startTransition, useActionState, useMemo, useState } from "react"
-import ToolWindow from "@/components/agents/tool-window"
-import { ItemsDetectTool } from "@/components/agents/items-detect"
-import { Badge } from "@/components/ui/badge"
 
 export default function AnalyzeForm({
   file,
@@ -309,7 +309,7 @@ export default function AnalyzeForm({
         )}
 
         <div className="hidden">
-          <input type="text" name="items" defaultValue={JSON.stringify(formData.items)} />
+          <input type="text" name="items" value={JSON.stringify(formData.items)} readOnly />
           <FormTextarea
             title={fieldMap.text.name}
             name="text"