@arbidocs/blocks 0.4.108 → 0.4.109

package/dist/files/index.js

@@ -17,10 +17,10 @@ import '../chunk-76JDDMSP.js';
 import { formatCount } from '../chunk-OXF2IFXG.js';
 import { ShareControl } from '../chunk-K4BGOPGG.js';
 import { ModalSection, ModalSectionTitle, ModalHeader } from '../chunk-TX2ZICS7.js';
-import { GridView } from '../chunk-ZPLG7QYF.js';
-export { GridView } from '../chunk-ZPLG7QYF.js';
+import { GridView } from '../chunk-N5YEF3LC.js';
+export { GridView } from '../chunk-N5YEF3LC.js';
 import '../chunk-SLSBJRWW.js';
-import { testIdOr } from '../chunk-7F6CBP3Z.js';
+import { testIdOr, prefixedTestId } from '../chunk-7F6CBP3Z.js';
 import '../chunk-VUNV25KB.js';
 import { cva } from 'class-variance-authority';
 import { cn, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Tooltip, TooltipTrigger, TooltipContent, Button, Progress, Badge, RadioGroup, RadioGroupItem, Label, ScrollArea, Checkbox, Dialog, DialogContent, DialogTitle, DialogDescription, TooltipProvider, IconToggle, Textarea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, DialogTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogHeader, CommandSeparator, getTagTypeIcon, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Switch } from '@arbidocs/react/ui';
@@ -2619,82 +2619,92 @@ function TagPassagePanel({
           group.tags.map((tag) => {
             const hasNote2 = !!tag.note;
             const isEditing = editingNoteTagId === tag.id;
-            return /* @__PURE__ */ jsxs("div", { className: "border-b border-border last:border-b-0", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center transition-colors hover:bg-muted", children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    onClick: () => onToggle(tag.id),
-                    disabled: isBusy,
-                    className: "flex flex-1 items-center gap-3 px-4 py-3 disabled:opacity-50 pointer-coarse:min-h-11",
-                    children: [
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "border-b border-border last:border-b-0",
+                "data-testid": prefixedTestId(testIds?.row, tag.id, {
+                  testId: `chunk-tag-row-${tag.id}`
+                }),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center transition-colors hover:bg-muted", children: [
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: () => onToggle(tag.id),
+                        disabled: isBusy,
+                        className: "flex flex-1 items-center gap-3 px-4 py-3 disabled:opacity-50 pointer-coarse:min-h-11",
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: "flex size-5 shrink-0 items-center justify-center rounded border-2",
+                              style: {
+                                borderColor: tag.color,
+                                backgroundColor: tag.isApplied ? tag.color : "transparent"
+                              },
+                              children: tag.isApplied && /* @__PURE__ */ jsx(Check, { className: "size-3 text-white", strokeWidth: 3 })
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                            tag.badge,
+                            hasNote2 && !isEditing && /* @__PURE__ */ jsx(StickyNote, { className: "size-3.5 text-muted-foreground" })
+                          ] }),
+                          isBusy && /* @__PURE__ */ jsx(Loader2, { className: "size-4 shrink-0 animate-spin" })
+                        ]
+                      }
+                    ),
+                    tag.isApplied && onViewTagged && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: () => onViewTagged(tag.id),
+                        className: "mr-3 shrink-0 rounded p-1 hover:bg-muted pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                        title: l.viewTagged,
+                        "data-testid": testIdOr(testIds?.viewTagged, {
+                          testId: "view-tagged-chunks-button"
+                        }),
+                        children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground" })
+                      }
+                    )
+                  ] }),
+                  tag.isApplied && /* @__PURE__ */ jsx("div", { className: "px-4 pb-3", children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsx(
+                      Textarea,
+                      {
+                        value: noteValue,
+                        onChange: (e) => onNoteChange(e.target.value),
+                        placeholder: l.notePlaceholder,
+                        className: "min-h-[60px] text-sm",
+                        autoFocus: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+                      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onCancelNote, children: l.cancel }),
                       /* @__PURE__ */ jsx(
-                        "div",
+                        Button,
                         {
-                          className: "flex size-5 shrink-0 items-center justify-center rounded border-2",
-                          style: {
-                            borderColor: tag.color,
-                            backgroundColor: tag.isApplied ? tag.color : "transparent"
-                          },
-                          children: tag.isApplied && /* @__PURE__ */ jsx(Check, { className: "size-3 text-white", strokeWidth: 3 })
+                          size: "sm",
+                          onClick: () => onSaveNote(tag.id),
+                          disabled: isBusy,
+                          children: l.save
                         }
-                      ),
-                      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                        tag.badge,
-                        hasNote2 && !isEditing && /* @__PURE__ */ jsx(StickyNote, { className: "size-3.5 text-muted-foreground" })
-                      ] }),
-                      isBusy && /* @__PURE__ */ jsx(Loader2, { className: "size-4 shrink-0 animate-spin" })
-                    ]
-                  }
-                ),
-                tag.isApplied && onViewTagged && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    onClick: () => onViewTagged(tag.id),
-                    className: "mr-3 shrink-0 rounded p-1 hover:bg-muted pointer-coarse:min-h-11 pointer-coarse:min-w-11",
-                    title: l.viewTagged,
-                    "data-testid": testIdOr(testIds?.viewTagged, {
-                      testId: "view-tagged-chunks-button"
-                    }),
-                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground" })
-                  }
-                )
-              ] }),
-              tag.isApplied && /* @__PURE__ */ jsx("div", { className: "px-4 pb-3", children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsx(
-                  Textarea,
-                  {
-                    value: noteValue,
-                    onChange: (e) => onNoteChange(e.target.value),
-                    placeholder: l.notePlaceholder,
-                    className: "min-h-[60px] text-sm",
-                    autoFocus: true
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-                  /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onCancelNote, children: l.cancel }),
-                  /* @__PURE__ */ jsx(
-                    Button,
+                      )
+                    ] })
+                  ] }) : /* @__PURE__ */ jsx(
+                    "button",
                     {
-                      size: "sm",
-                      onClick: () => onSaveNote(tag.id),
-                      disabled: isBusy,
-                      children: l.save
+                      onClick: () => onStartNote(tag.id),
+                      className: cn(
+                        "w-full rounded-md bg-muted px-2 py-1.5 text-left text-sm pointer-coarse:min-h-11",
+                        hasNote2 ? "text-foreground" : "text-muted-foreground"
+                      ),
+                      children: tag.note || l.addNote
                     }
-                  )
-                ] })
-              ] }) : /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => onStartNote(tag.id),
-                  className: cn(
-                    "w-full rounded-md bg-muted px-2 py-1.5 text-left text-sm pointer-coarse:min-h-11",
-                    hasNote2 ? "text-foreground" : "text-muted-foreground"
-                  ),
-                  children: tag.note || l.addNote
-                }
-              ) })
-            ] }, tag.id);
+                  ) })
+                ]
+              },
+              tag.id
+            );
           })
         ] }, group.id)) }) }),
         /* @__PURE__ */ jsx("div", { className: "border-t border-border p-4", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "w-full", onClick: onCreate, children: l.createField }) })