@arbidocs/blocks 0.4.88 → 0.4.90

package/dist/{chunk-ZX2VPMBJ.js → chunk-YU2KUMGE.js}

@@ -21,7 +21,6 @@ function FilterInput({
   hideFieldPicker = false,
   ariaLabel,
   onChange,
-  onSubmit,
   fields,
   onFieldsChange,
   filter,
@@ -53,11 +52,6 @@ function FilterInput({
             "aria-label": ariaLabel,
             value,
             onChange: (e) => onChange(e.target.value),
-            onKeyDown: onSubmit ? (e) => {
-              if (e.key !== "Enter") return;
-              e.preventDefault();
-              onSubmit(value);
-            } : void 0,
             placeholder: l.placeholder,
             "data-testid": testIdOr(testIds?.input, { testId: "facts-filter-input" }),
             className: cn(
@@ -131,5 +125,5 @@ function FilterInput({
 }
 
 export { DEFAULT_FILTER_FIELDS, DEFAULT_FILTER_INPUT_LABELS, FilterInput };
-//# sourceMappingURL=chunk-ZX2VPMBJ.js.map
-//# sourceMappingURL=chunk-ZX2VPMBJ.js.map
+//# sourceMappingURL=chunk-YU2KUMGE.js.map
+//# sourceMappingURL=chunk-YU2KUMGE.js.map

package/dist/chunk-YU2KUMGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/FilterInput.tsx"],"names":[],"mappings":"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","file":"chunk-YU2KUMGE.js","sourcesContent":["/** Shared page filter with configurable searchable fields and optional quick-filter control. */\nimport type { ReactNode } from 'react'\nimport { X, Filter, SlidersHorizontal, Check } from 'lucide-react'\nimport {\n  Command,\n  CommandGroup,\n  CommandItem,\n  CommandList,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  cn,\n} from '@arbidocs/react/ui'\nimport { testIdOr } from '../chat/test-id'\n\nexport type FilterField = 'text' | 'labels'\n\nexport const DEFAULT_FILTER_FIELDS: { value: FilterField; label: string }[] = [\n  { value: 'text', label: 'Text' },\n  { value: 'labels', label: 'Labels' },\n]\n\nexport interface FilterInputLabels<Field extends string = FilterField> {\n  placeholder: string\n  clear: string\n  chooseFields: string\n  fieldsHeading: string\n  /** Display name per searchable field. */\n  fieldNames: Partial<Record<Field, string>>\n}\n\nexport const DEFAULT_FILTER_INPUT_LABELS: FilterInputLabels = {\n  placeholder: 'Filter...',\n  clear: 'Clear filter',\n  chooseFields: 'Choose fields to filter',\n  fieldsHeading: 'Filter fields',\n  fieldNames: { text: 'Text', labels: 'Labels' },\n}\n\nexport interface FilterInputTestIds<Field extends string = FilterField> {\n  root: string\n  quick: string\n  input: string\n  fieldsButton: string\n  field: (field: Field) => string\n}\n\nexport interface FilterInputProps<Field extends string = FilterField> {\n  fieldOptions?: { value: Field; label: string }[]\n  value: string\n  /** Lists with one searchable field need no field selector. */\n  hideFieldPicker?: boolean\n  ariaLabel?: string\n  onChange: (q: string) => void\n  fields: Field[]\n  onFieldsChange: (fields: Field[]) => void\n  /**\n   * The quick-filter dropdown trigger, embedded inside the input on the left\n   * (mirroring the Files search box). When absent, a static funnel icon shows.\n   */\n  filter?: ReactNode\n  /** Width classes for the box (default `w-44`). */\n  className?: string\n  /** No outline: a soft fill instead of the input border, for a header that is already ruled. */\n  borderless?: boolean\n  labels?: Partial<FilterInputLabels<Field>>\n  testIds?: Partial<FilterInputTestIds<Field>>\n}\n\nexport function FilterInput<Field extends string = FilterField>({\n  fieldOptions,\n  value,\n  hideFieldPicker = false,\n  ariaLabel,\n  onChange,\n  fields,\n  onFieldsChange,\n  filter,\n  className,\n  borderless = false,\n  labels,\n  testIds,\n}: FilterInputProps<Field>) {\n  const l = { ...DEFAULT_FILTER_INPUT_LABELS, ...labels }\n  const options = fieldOptions ?? (DEFAULT_FILTER_FIELDS as { value: Field; label: string }[])\n  const toggleField = (field: Field) =>\n    onFieldsChange(fields.includes(field) ? fields.filter((f) => f !== field) : [...fields, field])\n\n  return (\n    <div\n      className={cn('flex min-w-0 items-center', className ?? 'w-44 pointer-coarse:w-56')}\n      data-testid={testIdOr(testIds?.root, { testId: 'facts-filter' })}\n    >\n      <div className=\"relative flex-1 min-w-0\">\n        {filter ? (\n          <div\n            className=\"absolute left-1 top-1/2 z-10 -translate-y-1/2\"\n            data-testid={testIdOr(testIds?.quick, { testId: 'facts-filter-quick' })}\n          >\n            {filter}\n          </div>\n        ) : (\n          <Filter className=\"pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n        )}\n        <Input\n          aria-label={ariaLabel}\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder={l.placeholder}\n          data-testid={testIdOr(testIds?.input, { testId: 'facts-filter-input' })}\n          className={cn(\n            'h-7 pr-12 text-sm shadow-none focus-visible:ring-0 pointer-coarse:h-11 pointer-coarse:pr-12',\n            // Touch: the 44px clear button only needs its room while there is text to clear, so\n            // an empty field keeps space for its placeholder on a phone.\n            value && 'pointer-coarse:pr-24',\n            borderless\n              ? 'border-transparent bg-muted/50 hover:bg-muted focus-visible:bg-muted'\n              : 'border-input bg-background',\n            filter ? 'pl-11' : 'pl-7',\n            hideFieldPicker && 'pr-7 pointer-coarse:pr-11'\n          )}\n        />\n        {value && (\n          <button\n            type=\"button\"\n            onClick={() => onChange('')}\n            aria-label={l.clear}\n            className={cn(\n              'absolute top-1/2 z-10 -translate-y-1/2 text-muted-foreground hover:text-foreground pointer-coarse:flex pointer-coarse:size-11 pointer-coarse:items-center pointer-coarse:justify-center',\n              hideFieldPicker\n                ? 'right-1.5 pointer-coarse:right-0'\n                : 'right-7 pointer-coarse:right-11'\n            )}\n          >\n            <X className=\"size-3\" />\n          </button>\n        )}\n        {/* Field picker — inside the input on the right, muted, exactly as the\n            Files search box renders it. */}\n        {!hideFieldPicker && (\n          <Popover>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={l.chooseFields}\n                data-testid={testIdOr(testIds?.fieldsButton, {\n                  testId: 'facts-filter-fields-button',\n                })}\n                className=\"absolute right-1.5 top-1/2 z-10 -translate-y-1/2 !h-5 !w-5 !p-0 text-muted-foreground/60 transition-colors hover:text-foreground pointer-coarse:right-0 pointer-coarse:!flex pointer-coarse:!h-11 pointer-coarse:!w-11 pointer-coarse:items-center pointer-coarse:justify-center\"\n              >\n                <SlidersHorizontal className=\"size-3.5\" />\n              </button>\n            </PopoverTrigger>\n            <PopoverContent className=\"w-44 p-0\" align=\"end\" sideOffset={4}>\n              <Command shouldFilter={false}>\n                <CommandList>\n                  <CommandGroup heading={l.fieldsHeading}>\n                    {options.map((option) => {\n                      const isSelected = fields.includes(option.value)\n                      return (\n                        <CommandItem\n                          key={option.value}\n                          onSelect={() => toggleField(option.value)}\n                          className=\"cursor-pointer text-sm\"\n                          data-testid={testIdOr(testIds?.field?.(option.value), {\n                            testId: `facts-filter-field-${option.value}`,\n                          })}\n                        >\n                          <div\n                            className={cn(\n                              'mr-2 flex size-3.5 items-center justify-center rounded-sm border border-primary',\n                              isSelected\n                                ? 'bg-primary text-primary-foreground'\n                                : 'opacity-50 [&_svg]:invisible'\n                            )}\n                          >\n                            <Check className=\"size-3\" />\n                          </div>\n                          {labels?.fieldNames?.[option.value] ?? option.label}\n                        </CommandItem>\n                      )\n                    })}\n                  </CommandGroup>\n                </CommandList>\n              </Command>\n            </PopoverContent>\n          </Popover>\n        )}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/connect/index.cjs

@@ -13,7 +13,7 @@ var chunk5XZU64E2_cjs = require('../chunk-5XZU64E2.cjs');
 var chunkN26CXGXC_cjs = require('../chunk-N26CXGXC.cjs');
 var chunk7RGLTF76_cjs = require('../chunk-7RGLTF76.cjs');
 require('../chunk-DETZZBG2.cjs');
-var chunk2CFW2ELM_cjs = require('../chunk-2CFW2ELM.cjs');
+var chunk2EI7NCUA_cjs = require('../chunk-2EI7NCUA.cjs');
 require('../chunk-7D737FLE.cjs');
 var chunkQVBZESYQ_cjs = require('../chunk-QVBZESYQ.cjs');
 require('../chunk-ADOKTJHV.cjs');
@@ -558,6 +558,8 @@ var DEFAULT_WORKFLOW_RUNNER_DIALOG_LABELS = {
   reviewDescription: "Each document against each review column.",
   document: "Document",
   empty: "\u2014",
+  showMore: "Show more",
+  showLess: "Show less",
   wordTitle: "Tracked changes"
 };
 var SIGN_PDF_RETRIES = 4;
@@ -699,18 +701,25 @@ function WorkflowReviewGridDialog({
         labels.loadingDocument
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse text-sm", children: [
         /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "sticky left-0 border-b border-border bg-card p-2 text-left font-medium", children: labels.document }),
-          columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "border-b border-border p-2 text-left font-medium", children: c.name }, c.id))
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "sticky left-0 z-10 border-b border-border bg-background p-2 text-left align-bottom font-medium", children: labels.document }),
+          columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+            "th",
+            {
+              className: "border-b border-border p-2 text-left align-bottom font-medium",
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${VALUE_WIDTH} line-clamp-2 break-words`, title: c.name, children: c.name })
+            },
+            c.id
+          ))
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: (docs.data ?? []).map((d) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { "data-testid": `workflow-review-grid-row-${d.external_id}`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "sticky left-0 max-w-56 border-b border-border bg-card p-2 align-top", children: /* @__PURE__ */ jsxRuntime.jsx(Cell, { onClick: onOpenDocument && (() => onOpenDocument(d.external_id)), children: d.file_name ?? d.external_id }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "sticky left-0 z-10 border-b border-border bg-background p-2 align-top", children: /* @__PURE__ */ jsxRuntime.jsx(DocumentName, { onClick: onOpenDocument && (() => onOpenDocument(d.external_id)), children: d.file_name ?? d.external_id }) }),
           columns.map((c) => {
             const note = d.doctags?.find((t) => t.tag_ext_id === c.id)?.note;
             return /* @__PURE__ */ jsxRuntime.jsx(
               "td",
               {
-                className: "max-w-72 border-b border-border p-2 align-top text-muted-foreground",
-                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-4 whitespace-pre-line", children: note || labels.empty })
+                className: "border-b border-border p-2 align-top text-muted-foreground",
+                children: /* @__PURE__ */ jsxRuntime.jsx(ReviewValue, { value: note || labels.empty, labels })
               },
               c.id
             );
@@ -720,16 +729,49 @@ function WorkflowReviewGridDialog({
     }
   );
 }
-function Cell({ onClick, children }) {
+var DOCUMENT_WIDTH = "w-40 sm:w-56";
+var VALUE_WIDTH = "min-w-48 max-w-80";
+function DocumentName({ onClick, children }) {
+  const className = `${DOCUMENT_WIDTH} line-clamp-2 break-words text-left font-medium`;
   return onClick ? /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
       onClick,
-      className: "truncate text-left font-medium text-primary hover:underline",
+      title: children,
+      className: `${className} text-primary hover:underline`,
       children
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children });
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { title: children, className, children });
+}
+function ReviewValue({ value, labels }) {
+  const ref = react.useRef(null);
+  const [expanded, setExpanded] = react.useState(false);
+  const [clamped, setClamped] = react.useState(false);
+  react.useLayoutEffect(() => {
+    const el = ref.current;
+    if (el && !expanded) setClamped(el.scrollHeight > el.clientHeight + 1);
+  }, [value, expanded]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VALUE_WIDTH, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        title: clamped && !expanded ? value : void 0,
+        className: `whitespace-pre-line break-words ${expanded ? "" : "line-clamp-4"}`,
+        children: value
+      }
+    ),
+    (clamped || expanded) && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded((e) => !e),
+        className: "mt-1 text-xs font-medium text-primary hover:underline",
+        children: expanded ? labels.showLess : labels.showMore
+      }
+    )
+  ] });
 }
 var DEFAULT_CONNECTED_WORKFLOW_RUNNER_LABELS = {
   notify: "Ask to approve",
@@ -2985,7 +3027,7 @@ function ConnectedMailbox({
           compactBreakpoint: 360,
           firstTabContent: account ? /* @__PURE__ */ jsxRuntime.jsxs(chunkO4YPVYPO_cjs.FilesFilterBar, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk2CFW2ELM_cjs.FilterInput,
+              chunk2EI7NCUA_cjs.FilterInput,
               {
                 value: query,
                 onChange: (q) => {