From d147994b9246a8b2509570603e98fe60ee4ea572 Mon Sep 17 00:00:00 2001
From: Luis Novo <lfnovo@gmail.com>
Date: Mon, 16 Feb 2026 14:46:42 -0300
Subject: [PATCH 1/5] fix: resolve translation proxy shadowing `name` keys

The Proxy's get handler checked `prop in target` before looking up
translations. Since the target is a function, `Function.name` is a
built-in property that shadowed translation keys like `t.common.name`,
causing the raw proxy path to render instead of the translated string.

Move translation lookup before target property checks so i18n keys
always take priority. Also remove unnecessary `|| 'Name'` fallback
in CreateNotebookDialog.
---
 .../src/components/notebooks/CreateNotebookDialog.tsx  |  2 +-
 frontend/src/lib/hooks/use-translation.ts              | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/notebooks/CreateNotebookDialog.tsx b/frontend/src/components/notebooks/CreateNotebookDialog.tsx
index a224c34..ced84c4 100644
--- a/frontend/src/components/notebooks/CreateNotebookDialog.tsx
+++ b/frontend/src/components/notebooks/CreateNotebookDialog.tsx
@@ -75,7 +75,7 @@ export function CreateNotebookDialog({ open, onOpenChange }: CreateNotebookDialo
 
         <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
           <div className="space-y-2">
-            <Label htmlFor="notebook-name">{t.common.name || 'Name'} *</Label>
+            <Label htmlFor="notebook-name">{t.common.name} *</Label>
             <Input
               id="notebook-name"
               {...register('name')}
diff --git a/frontend/src/lib/hooks/use-translation.ts b/frontend/src/lib/hooks/use-translation.ts
index 44a515d..128c044 100644
--- a/frontend/src/lib/hooks/use-translation.ts
+++ b/frontend/src/lib/hooks/use-translation.ts
@@ -78,12 +78,6 @@ export function useTranslation() {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return (target as any)[prop];
           }
-          
-          // Handle function's own properties
-          if (prop in target) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            return (target as any)[prop];
-          }
 
           if (typeof prop !== 'string') return undefined;
 
@@ -94,7 +88,9 @@ export function useTranslation() {
 
           const currentPath = path ? `${path}.${prop}` : prop;
 
-          // Try to get the translation
+          // Try to get the translation first (before checking target properties,
+          // since target is a function and has built-in properties like 'name'
+          // that would shadow translation keys)
           const result = i18nTranslateCopy(currentPath, { returnObjects: true });
 
           // If it's a leaf string, return it directly

From 3b18e5c8ecb665a5d27d3d64724074f9e63220d8 Mon Sep 17 00:00:00 2001
From: Luis Novo <lfnovo@gmail.com>
Date: Mon, 16 Feb 2026 14:46:48 -0300
Subject: [PATCH 2/5] fix: prevent dialog content overflow with long unbroken
 strings

Long strings without spaces caused the Add Source dialog to expand
beyond the viewport due to field-sizing-content on textareas
propagating width through CSS grid/flex layout.

Add min-w-0 to Textarea, WizardContainer content layers, and the
AddSourceDialog form to prevent flex/grid items from expanding to
fit content. Add overflow-hidden to base DialogContent as a safeguard.
---
 frontend/src/components/sources/AddSourceDialog.tsx |  2 +-
 frontend/src/components/ui/dialog.tsx               |  2 +-
 frontend/src/components/ui/textarea.tsx             |  2 +-
 frontend/src/components/ui/wizard-container.tsx     | 10 +++++-----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/sources/AddSourceDialog.tsx b/frontend/src/components/sources/AddSourceDialog.tsx
index a49b2d4..3f31adb 100644
--- a/frontend/src/components/sources/AddSourceDialog.tsx
+++ b/frontend/src/components/sources/AddSourceDialog.tsx
@@ -542,7 +542,7 @@ export function AddSourceDialog({
           </DialogDescription>
         </DialogHeader>
 
-        <form onSubmit={handleSubmit(onSubmit)}>
+        <form onSubmit={handleSubmit(onSubmit)} className="min-w-0">
           <WizardContainer
             currentStep={currentStep}
             steps={WIZARD_STEPS}
diff --git a/frontend/src/components/ui/dialog.tsx b/frontend/src/components/ui/dialog.tsx
index eb82979..14bfaa7 100644
--- a/frontend/src/components/ui/dialog.tsx
+++ b/frontend/src/components/ui/dialog.tsx
@@ -63,7 +63,7 @@ const DialogContent = ({
         data-slot="dialog-content"
         aria-describedby={undefined}
         className={cn(
-            "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:pointer-events-none fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-[calc(100%-2rem)]",
+            "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:pointer-events-none fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-[calc(100%-2rem)] overflow-hidden",
           className
         )}
         {...props}
diff --git a/frontend/src/components/ui/textarea.tsx b/frontend/src/components/ui/textarea.tsx
index 7f21b5e..8a4d5d3 100644
--- a/frontend/src/components/ui/textarea.tsx
+++ b/frontend/src/components/ui/textarea.tsx
@@ -7,7 +7,7 @@ function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
     <textarea
       data-slot="textarea"
       className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 min-w-0 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         className
       )}
       {...props}
diff --git a/frontend/src/components/ui/wizard-container.tsx b/frontend/src/components/ui/wizard-container.tsx
index 6f85479..c39e5cc 100644
--- a/frontend/src/components/ui/wizard-container.tsx
+++ b/frontend/src/components/ui/wizard-container.tsx
@@ -85,15 +85,15 @@ export function WizardContainer({
   className
 }: WizardContainerProps) {
   return (
-    <div className={cn('flex flex-col h-[500px] bg-card rounded-lg border border-border', className)}>
-      <StepIndicator 
+    <div className={cn('flex flex-col h-[500px] min-w-0 overflow-hidden bg-card rounded-lg border border-border', className)}>
+      <StepIndicator
         currentStep={currentStep}
         steps={steps}
         onStepClick={onStepClick}
       />
-      
-      <div className="flex-1 overflow-hidden">
-        <div className="h-full overflow-y-auto px-6 py-4">
+
+      <div className="flex-1 min-w-0 overflow-hidden">
+        <div className="h-full min-w-0 overflow-y-auto px-6 py-4">
           {children}
         </div>
       </div>

From c596ed2233434b943df0d2badcbc8b833396d33f Mon Sep 17 00:00:00 2001
From: Luis Novo <lfnovo@gmail.com>
Date: Mon, 16 Feb 2026 14:53:30 -0300
Subject: [PATCH 3/5] fix: word-wrap overflow in source cards, note editor, and
 inline edit

Add break-all to SourceCard title and InlineEdit display text so long
unbroken strings wrap instead of overflowing the container. Add min-w-0
to NoteEditorDialog form to prevent grid item expansion.

Also fix RecordID type error in notes API by converting command_id to
string before passing to NoteResponse (fixes 500 on note create/update).
---
 api/routers/notes.py                                          | 4 ++--
 .../app/(dashboard)/notebooks/components/NoteEditorDialog.tsx | 2 +-
 frontend/src/components/common/InlineEdit.tsx                 | 2 +-
 frontend/src/components/sources/SourceCard.tsx                | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/api/routers/notes.py b/api/routers/notes.py
index 4935057..ddc8f15 100644
--- a/api/routers/notes.py
+++ b/api/routers/notes.py
@@ -96,7 +96,7 @@ async def create_note(note_data: NoteCreate):
             note_type=new_note.note_type,
             created=str(new_note.created),
             updated=str(new_note.updated),
-            command_id=command_id,
+            command_id=str(command_id) if command_id else None,
         )
     except HTTPException:
         raise
@@ -160,7 +160,7 @@ async def update_note(note_id: str, note_update: NoteUpdate):
             note_type=note.note_type,
             created=str(note.created),
             updated=str(note.updated),
-            command_id=command_id,
+            command_id=str(command_id) if command_id else None,
         )
     except HTTPException:
         raise
diff --git a/frontend/src/app/(dashboard)/notebooks/components/NoteEditorDialog.tsx b/frontend/src/app/(dashboard)/notebooks/components/NoteEditorDialog.tsx
index b787ebe..89604e0 100644
--- a/frontend/src/app/(dashboard)/notebooks/components/NoteEditorDialog.tsx
+++ b/frontend/src/app/(dashboard)/notebooks/components/NoteEditorDialog.tsx
@@ -126,7 +126,7 @@ export function NoteEditorDialog({ open, onOpenChange, notebookId, note }: NoteE
         <DialogTitle className="sr-only">
           {isEditing ? t.sources.editNote : t.sources.createNote}
         </DialogTitle>
-        <form onSubmit={handleSubmit(onSubmit)} className="flex h-full flex-col">
+        <form onSubmit={handleSubmit(onSubmit)} className="flex h-full flex-col min-w-0">
           {isEditing && noteLoading ? (
             <div className="flex-1 flex items-center justify-center py-10">
               <span className="text-sm text-muted-foreground">{t.common.loading}</span>
diff --git a/frontend/src/components/common/InlineEdit.tsx b/frontend/src/components/common/InlineEdit.tsx
index b5acb4a..d1677ce 100644
--- a/frontend/src/components/common/InlineEdit.tsx
+++ b/frontend/src/components/common/InlineEdit.tsx
@@ -87,7 +87,7 @@ export function InlineEdit({
       <button
         type="button"
         className={cn(
-          "cursor-pointer hover:bg-muted/50 rounded px-2 py-1 -mx-2 -my-1 transition-colors text-left w-full",
+          "cursor-pointer hover:bg-muted/50 rounded px-2 py-1 -mx-2 -my-1 transition-colors text-left w-full break-all",
           className
         )}
         onClick={(e) => {
diff --git a/frontend/src/components/sources/SourceCard.tsx b/frontend/src/components/sources/SourceCard.tsx
index 0adc5e0..48c4013 100644
--- a/frontend/src/components/sources/SourceCard.tsx
+++ b/frontend/src/components/sources/SourceCard.tsx
@@ -240,7 +240,7 @@ export function SourceCard({
             {/* Title */}
             <div className={cn('mb-1.5', !isCompleted && 'mb-1')}>
               <h4
-                className="text-sm font-medium leading-tight line-clamp-2"
+                className="text-sm font-medium leading-tight line-clamp-2 break-all"
                 title={title}
               >
                 {title}

From e38c64c70ce2c1cf22e9bec7a39d5a1da0910165 Mon Sep 17 00:00:00 2001
From: Luis Novo <lfnovo@gmail.com>
Date: Mon, 16 Feb 2026 14:54:25 -0300
Subject: [PATCH 4/5] fix: add word-break to note title and content in notes
 list

Long unbroken strings in note titles and content overflow the card
boundaries in the Notes column. Add break-all so text wraps properly.
---
 .../src/app/(dashboard)/notebooks/components/NotesColumn.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/(dashboard)/notebooks/components/NotesColumn.tsx b/frontend/src/app/(dashboard)/notebooks/components/NotesColumn.tsx
index 05e39b2..bb915f2 100644
--- a/frontend/src/app/(dashboard)/notebooks/components/NotesColumn.tsx
+++ b/frontend/src/app/(dashboard)/notebooks/components/NotesColumn.tsx
@@ -179,11 +179,11 @@ export function NotesColumn({
                     </div>
 
                     {note.title && (
-                      <h4 className="text-sm font-medium mb-2">{note.title}</h4>
+                      <h4 className="text-sm font-medium mb-2 break-all">{note.title}</h4>
                     )}
 
                     {note.content && (
-                      <p className="text-sm text-muted-foreground line-clamp-3">
+                      <p className="text-sm text-muted-foreground line-clamp-3 break-all">
                         {note.content}
                       </p>
                     )}

From afc34632f7f4d494e5a91681ac4bfbfe6de47008 Mon Sep 17 00:00:00 2001
From: Luis Novo <lfnovo@gmail.com>
Date: Mon, 16 Feb 2026 14:56:46 -0300
Subject: [PATCH 5/5] fix: prevent chat input and message overflow with long
 unbroken strings

Add min-w-0 to chat input flex container and textarea to prevent
field-sizing-content from expanding the layout. Replace break-words
with break-all on user message bubbles to force wrapping at any
character for strings without spaces.
---
 frontend/src/app/(dashboard)/notebooks/[id]/page.tsx | 2 +-
 frontend/src/components/source/ChatPanel.tsx         | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx b/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx
index c942bc5..97ec398 100644
--- a/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx
+++ b/frontend/src/app/(dashboard)/notebooks/[id]/page.tsx
@@ -230,7 +230,7 @@ export default function NotebookPage() {
             </div>
 
             {/* Chat Column - always expanded, takes remaining space */}
-            <div className="transition-all duration-150 flex-1 lg:pr-6 lg:-mr-6">
+            <div className="transition-all duration-150 flex-1 min-w-0 lg:pr-6 lg:-mr-6">
               <ChatColumn
                 notebookId={notebookId}
                 contextSelections={contextSelections}
diff --git a/frontend/src/components/source/ChatPanel.tsx b/frontend/src/components/source/ChatPanel.tsx
index e51078e..058699d 100644
--- a/frontend/src/components/source/ChatPanel.tsx
+++ b/frontend/src/components/source/ChatPanel.tsx
@@ -203,7 +203,7 @@ export function ChatPanel({
                           onReferenceClick={handleReferenceClick}
                         />
                       ) : (
-                        <p className="text-sm break-words overflow-wrap-anywhere">{message.content}</p>
+                        <p className="text-sm break-all">{message.content}</p>
                       )}
                     </div>
                     {message.type === 'ai' && (
@@ -290,7 +290,7 @@ export function ChatPanel({
             </div>
           )}
 
-          <div className="flex gap-2 items-end">
+          <div className="flex gap-2 items-end min-w-0">
             <Textarea
               id={chatInputId}
               name="chat-message"
@@ -300,7 +300,7 @@ export function ChatPanel({
               onKeyDown={handleKeyDown}
               placeholder={`${t.chat.sendPlaceholder} (${t.chat.pressToSend.replace('{key}', keyHint)})`}
               disabled={isStreaming}
-              className="flex-1 min-h-[40px] max-h-[100px] resize-none py-2 px-3"
+              className="flex-1 min-h-[40px] max-h-[100px] resize-none py-2 px-3 min-w-0"
               rows={1}
             />
             <Button