@withpotter/components 0.13.0-next.101

package/dist/collection-editor/product-picker-modal.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { inventoryApi } from "@withpotter/lib/api";
+import { BoxesLoader } from "@withpotter/ui-kit/boxes-loader";
+import { Package, Check, X, Search } from "lucide-react";
+import { useTenantCurrency } from "@withpotter/hooks/use-tenant-currency";
+function ProductPickerModal({
+  selectedIds,
+  onConfirm,
+  onClose,
+  tenantSlug
+}) {
+  const [products, setProducts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [search, setSearch] = useState("");
+  const [selected, setSelected] = useState(new Set(selectedIds));
+  const tenantCurrency = useTenantCurrency();
+  useEffect(() => {
+    const fetchProducts = async () => {
+      try {
+        const result = await inventoryApi.list(tenantSlug);
+        setProducts(result.items || []);
+      } catch {
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchProducts();
+  }, [tenantSlug]);
+  const filtered = search ? products.filter(
+    (p) => p.title.toLowerCase().includes(search.toLowerCase()) || p.sku?.toLowerCase().includes(search.toLowerCase())
+  ) : products;
+  const toggle = (id) => {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[60] flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50", onClick: onClose }),
+    /* @__PURE__ */ jsxs("div", { className: "relative bg-[var(--bg-base)] rounded-md border border-[var(--border-default)] max-w-lg w-full mx-4 max-h-[80vh] flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-b px-6 py-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-[var(--text-primary)]", children: "Assign products" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Close",
+            onClick: onClose,
+            className: "p-1 hover:bg-[var(--interactive-active)] rounded-md",
+            children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "px-6 py-3 border-b", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-muted)]" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              placeholder: "Search products...",
+              className: "w-full pl-9 pr-3 py-2 border border-[var(--border-default)] rounded-md text-sm focus:ring-2 focus:ring-brand-500 focus:border-transparent"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-tertiary)] mt-2", children: [
+          selected.size,
+          " product",
+          selected.size !== 1 ? "s" : "",
+          " selected"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-6 py-2", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(BoxesLoader, { size: "md" }) }) : filtered.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-center py-12 text-[var(--text-tertiary)]", children: [
+        /* @__PURE__ */ jsx(Package, { className: "w-8 h-8 mx-auto mb-2 opacity-50" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm", children: search ? "No products match your search" : "No products found" })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: filtered.map((product) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => toggle(product.id),
+          className: `w-full flex items-center gap-3 p-3 rounded-md text-left transition-colors ${selected.has(product.id) ? "bg-[var(--info-bg)] border border-[var(--info)]/20" : "hover:bg-[var(--interactive-hover)] border border-transparent"}`,
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `w-5 h-5 rounded-sm border-2 flex items-center justify-center flex-shrink-0 ${selected.has(product.id) ? "bg-brand-500 border-brand-500" : "border-[var(--border-strong)]"}`,
+                children: selected.has(product.id) && /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-white" })
+              }
+            ),
+            product.image ? (
+              /* eslint-disable-next-line @next/next/no-img-element */
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: typeof product.image === "string" ? product.image : product.image?.url || "",
+                  alt: "",
+                  className: "w-10 h-10 rounded-sm object-cover flex-shrink-0"
+                }
+              )
+            ) : /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-sm bg-[var(--bg-muted)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(Package, { className: "w-5 h-5 text-[var(--text-muted)]" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)] truncate", children: product.title }),
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-tertiary)]", children: [
+                product.sku ? `SKU: ${product.sku}` : "",
+                product.price ? ` \xB7 ${Number(product.price).toLocaleString("en-US", { style: "currency", currency: tenantCurrency })}` : ""
+              ] })
+            ] })
+          ]
+        },
+        product.id
+      )) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "border-t px-6 py-4 flex justify-end gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "px-4 py-2 text-sm text-[var(--text-secondary)] hover:bg-[var(--interactive-active)] rounded-md",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onConfirm(Array.from(selected)),
+            className: "px-4 py-2 text-sm bg-brand-500 text-[var(--text-inverse)] rounded-md hover:bg-brand-600",
+            children: [
+              "Assign ",
+              selected.size,
+              " product",
+              selected.size !== 1 ? "s" : ""
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  ProductPickerModal
+};
+//# sourceMappingURL=product-picker-modal.js.map

package/dist/collection-editor/product-picker-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/collection-editor/product-picker-modal.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\nimport { inventoryApi, InventoryProduct } from '@withpotter/lib/api';\nimport { BoxesLoader } from '@withpotter/ui-kit/boxes-loader';\nimport { Package, Check, X, Search } from 'lucide-react';\nimport { useTenantCurrency } from '@withpotter/hooks/use-tenant-currency';\n\nexport function ProductPickerModal({\n  selectedIds,\n  onConfirm,\n  onClose,\n  tenantSlug,\n}: {\n  selectedIds: string[];\n  onConfirm: (ids: string[]) => void;\n  onClose: () => void;\n  tenantSlug: string;\n}) {\n  const [products, setProducts] = useState<InventoryProduct[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [search, setSearch] = useState('');\n  const [selected, setSelected] = useState<Set<string>>(new Set(selectedIds));\n  const tenantCurrency = useTenantCurrency();\n\n  useEffect(() => {\n    const fetchProducts = async () => {\n      try {\n        const result = await inventoryApi.list(tenantSlug);\n        setProducts(result.items || []);\n      } catch {\n        // silently handle\n      } finally {\n        setLoading(false);\n      }\n    };\n    fetchProducts();\n  }, [tenantSlug]);\n\n  const filtered = search\n    ? products.filter(\n        (p) =>\n          p.title.toLowerCase().includes(search.toLowerCase()) ||\n          p.sku?.toLowerCase().includes(search.toLowerCase()),\n      )\n    : products;\n\n  const toggle = (id: string) => {\n    setSelected((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-[60] flex items-center justify-center\">\n      <div className=\"absolute inset-0 bg-black/50\" onClick={onClose} />\n      <div className=\"relative bg-[var(--bg-base)] rounded-md border border-[var(--border-default)] max-w-lg w-full mx-4 max-h-[80vh] flex flex-col\">\n        <div className=\"border-b px-6 py-4 flex items-center justify-between\">\n          <h2 className=\"text-lg font-semibold text-[var(--text-primary)]\">\n            Assign products\n          </h2>\n          <button\n            aria-label=\"Close\"\n            onClick={onClose}\n            className=\"p-1 hover:bg-[var(--interactive-active)] rounded-md\"\n          >\n            <X className=\"w-5 h-5\" />\n          </button>\n        </div>\n        <div className=\"px-6 py-3 border-b\">\n          <div className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-muted)]\" />\n            <input\n              type=\"text\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              placeholder=\"Search products...\"\n              className=\"w-full pl-9 pr-3 py-2 border border-[var(--border-default)] rounded-md text-sm focus:ring-2 focus:ring-brand-500 focus:border-transparent\"\n            />\n          </div>\n          <p className=\"text-xs text-[var(--text-tertiary)] mt-2\">\n            {selected.size} product{selected.size !== 1 ? 's' : ''} selected\n          </p>\n        </div>\n        <div className=\"flex-1 overflow-y-auto px-6 py-2\">\n          {loading ? (\n            <div className=\"flex items-center justify-center py-12\">\n              <BoxesLoader size=\"md\" />\n            </div>\n          ) : filtered.length === 0 ? (\n            <div className=\"text-center py-12 text-[var(--text-tertiary)]\">\n              <Package className=\"w-8 h-8 mx-auto mb-2 opacity-50\" />\n              <p className=\"text-sm\">\n                {search ? 'No products match your search' : 'No products found'}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-1\">\n              {filtered.map((product) => (\n                <button\n                  key={product.id}\n                  type=\"button\"\n                  onClick={() => toggle(product.id)}\n                  className={`w-full flex items-center gap-3 p-3 rounded-md text-left transition-colors ${\n                    selected.has(product.id)\n                      ? 'bg-[var(--info-bg)] border border-[var(--info)]/20'\n                      : 'hover:bg-[var(--interactive-hover)] border border-transparent'\n                  }`}\n                >\n                  <div\n                    className={`w-5 h-5 rounded-sm border-2 flex items-center justify-center flex-shrink-0 ${\n                      selected.has(product.id)\n                        ? 'bg-brand-500 border-brand-500'\n                        : 'border-[var(--border-strong)]'\n                    }`}\n                  >\n                    {selected.has(product.id) && (\n                      <Check className=\"w-3 h-3 text-white\" />\n                    )}\n                  </div>\n                  {product.image ? (\n                    /* eslint-disable-next-line @next/next/no-img-element */\n                    <img\n                      src={\n                        typeof product.image === 'string'\n                          ? product.image\n                          : product.image?.url || ''\n                      }\n                      alt=\"\"\n                      className=\"w-10 h-10 rounded-sm object-cover flex-shrink-0\"\n                    />\n                  ) : (\n                    <div className=\"w-10 h-10 rounded-sm bg-[var(--bg-muted)] flex items-center justify-center flex-shrink-0\">\n                      <Package className=\"w-5 h-5 text-[var(--text-muted)]\" />\n                    </div>\n                  )}\n                  <div className=\"flex-1 min-w-0\">\n                    <p className=\"text-sm font-medium text-[var(--text-primary)] truncate\">\n                      {product.title}\n                    </p>\n                    <p className=\"text-xs text-[var(--text-tertiary)]\">\n                      {product.sku ? `SKU: ${product.sku}` : ''}\n                      {product.price\n                        ? ` · ${Number(product.price).toLocaleString('en-US', { style: 'currency', currency: tenantCurrency })}`\n                        : ''}\n                    </p>\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n        <div className=\"border-t px-6 py-4 flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"px-4 py-2 text-sm text-[var(--text-secondary)] hover:bg-[var(--interactive-active)] rounded-md\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => onConfirm(Array.from(selected))}\n            className=\"px-4 py-2 text-sm bg-brand-500 text-[var(--text-inverse)] rounded-md hover:bg-brand-600\"\n          >\n            Assign {selected.size} product{selected.size !== 1 ? 's' : ''}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA0DM,cAEE,YAFF;AAxDN,SAAS,UAAU,iBAAiB;AACpC,SAAS,oBAAsC;AAC/C,SAAS,mBAAmB;AAC5B,SAAS,SAAS,OAAO,GAAG,cAAc;AAC1C,SAAS,yBAAyB;AAE3B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,CAAC,CAAC;AAC/D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAsB,IAAI,IAAI,WAAW,CAAC;AAC1E,QAAM,iBAAiB,kBAAkB;AAEzC,YAAU,MAAM;AACd,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,SAAS,MAAM,aAAa,KAAK,UAAU;AACjD,oBAAY,OAAO,SAAS,CAAC,CAAC;AAAA,MAChC,QAAQ;AAAA,MAER,UAAE;AACA,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF;AACA,kBAAc;AAAA,EAChB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,WAAW,SACb,SAAS;AAAA,IACP,CAAC,MACC,EAAE,MAAM,YAAY,EAAE,SAAS,OAAO,YAAY,CAAC,KACnD,EAAE,KAAK,YAAY,EAAE,SAAS,OAAO,YAAY,CAAC;AAAA,EACtD,IACA;AAEJ,QAAM,SAAS,CAAC,OAAe;AAC7B,gBAAY,CAAC,SAAS;AACpB,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,UAAI,KAAK,IAAI,EAAE,EAAG,MAAK,OAAO,EAAE;AAAA,UAC3B,MAAK,IAAI,EAAE;AAChB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,SAAI,WAAU,yDACb;AAAA,wBAAC,SAAI,WAAU,gCAA+B,SAAS,SAAS;AAAA,IAChE,qBAAC,SAAI,WAAU,iIACb;AAAA,2BAAC,SAAI,WAAU,wDACb;AAAA,4BAAC,QAAG,WAAU,oDAAmD,6BAEjE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,SAAS;AAAA,YACT,WAAU;AAAA,YAEV,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,QACzB;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,sBACb;AAAA,6BAAC,SAAI,WAAU,YACb;AAAA,8BAAC,UAAO,WAAU,6EAA4E;AAAA,UAC9F;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,cACzC,aAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,QACA,qBAAC,OAAE,WAAU,4CACV;AAAA,mBAAS;AAAA,UAAK;AAAA,UAAS,SAAS,SAAS,IAAI,MAAM;AAAA,UAAG;AAAA,WACzD;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,oCACZ,oBACC,oBAAC,SAAI,WAAU,0CACb,8BAAC,eAAY,MAAK,MAAK,GACzB,IACE,SAAS,WAAW,IACtB,qBAAC,SAAI,WAAU,iDACb;AAAA,4BAAC,WAAQ,WAAU,mCAAkC;AAAA,QACrD,oBAAC,OAAE,WAAU,WACV,mBAAS,kCAAkC,qBAC9C;AAAA,SACF,IAEA,oBAAC,SAAI,WAAU,aACZ,mBAAS,IAAI,CAAC,YACb;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,OAAO,QAAQ,EAAE;AAAA,UAChC,WAAW,6EACT,SAAS,IAAI,QAAQ,EAAE,IACnB,uDACA,+DACN;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,8EACT,SAAS,IAAI,QAAQ,EAAE,IACnB,kCACA,+BACN;AAAA,gBAEC,mBAAS,IAAI,QAAQ,EAAE,KACtB,oBAAC,SAAM,WAAU,sBAAqB;AAAA;AAAA,YAE1C;AAAA,YACC,QAAQ;AAAA;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACC,KACE,OAAO,QAAQ,UAAU,WACrB,QAAQ,QACR,QAAQ,OAAO,OAAO;AAAA,kBAE5B,KAAI;AAAA,kBACJ,WAAU;AAAA;AAAA,cACZ;AAAA,gBAEA,oBAAC,SAAI,WAAU,4FACb,8BAAC,WAAQ,WAAU,oCAAmC,GACxD;AAAA,YAEF,qBAAC,SAAI,WAAU,kBACb;AAAA,kCAAC,OAAE,WAAU,2DACV,kBAAQ,OACX;AAAA,cACA,qBAAC,OAAE,WAAU,uCACV;AAAA,wBAAQ,MAAM,QAAQ,QAAQ,GAAG,KAAK;AAAA,gBACtC,QAAQ,QACL,SAAM,OAAO,QAAQ,KAAK,EAAE,eAAe,SAAS,EAAE,OAAO,YAAY,UAAU,eAAe,CAAC,CAAC,KACpG;AAAA,iBACN;AAAA,eACF;AAAA;AAAA;AAAA,QA9CK,QAAQ;AAAA,MA+Cf,CACD,GACH,GAEJ;AAAA,MACA,qBAAC,SAAI,WAAU,6CACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,UAAU,MAAM,KAAK,QAAQ,CAAC;AAAA,YAC7C,WAAU;AAAA,YACX;AAAA;AAAA,cACS,SAAS;AAAA,cAAK;AAAA,cAAS,SAAS,SAAS,IAAI,MAAM;AAAA;AAAA;AAAA,QAC7D;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/collection-editor.d.ts

@@ -0,0 +1 @@
+export * from './collection-editor/index';

package/dist/collection-editor.js

@@ -0,0 +1 @@
+export * from './collection-editor/index.js';

package/dist/command-palette/use-command-search.d.ts

@@ -0,0 +1,88 @@
+export interface FlatItem {
+    id: string;
+    label: string;
+    sublabel?: string;
+    badge?: string;
+    href: string;
+    group: 'order' | 'customer' | 'invoice' | 'product' | 'support' | 'page';
+    /**
+     * The record's own picture, where it has one.
+     *
+     * John, 2026-09-03: *"the search modal should have imagery too, not just
+     * texts, should have jpg/png or gif"*. He is describing the difference
+     * between a list of nouns and a list of things: a merchant scanning six
+     * results recognises their own product by its photograph a good deal faster
+     * than by reading its title, and every one of these records already carries
+     * a picture we were throwing away.
+     *
+     * A real uploaded file only — a product's image, a person's avatar. A row
+     * with none falls back to its group's glyph rather than to a generated
+     * stand-in, because an invented picture beside a real one teaches the eye
+     * that the pictures cannot be trusted.
+     */
+    image?: string | null;
+    /**
+     * The second line, and the value on the right.
+     *
+     * John, 2026-09-03: *"can we get more depth when we search a person or when
+     * we search anything"*. A row that says a name and an order number answers
+     * "does this record exist"; a merchant searching a person is nearly always
+     * asking something one step past that — how much, how many, how recently,
+     * what state is it in — and every one of those facts is already on the
+     * record we fetched and threw away.
+     *
+     * `meta` is the sub-line, `amount`/`currency` the figure on the right, and
+     * `status` a state for `StatusBadge` (the house rule: any status pill is
+     * that component, anywhere in src). All optional, because a product has no
+     * status worth a pill and a customer has no single date.
+     */
+    meta?: string;
+    amount?: number;
+    currency?: string;
+    status?: string;
+    /** When it last happened, so a mixed list can be put in time order. */
+    at?: string | null;
+}
+interface UseCommandSearchParams {
+    tenantSlug: string;
+    isOpen: boolean;
+    /**
+     * One kind of record, browsed rather than searched.
+     *
+     * John, 2026-09-03: *"when you click on any of these it should show all the
+     * recents, so recent orders, recent customers, what not, then you can now
+     * search or filter"*. A scope with an empty box used to say "Type to search
+     * orders", which is the panel asking a question it could have answered: the
+     * merchant has already told us which drawer they want, and the most recent
+     * few are very often the ones they are reaching for.
+     *
+     * So the same four requests run without a `search` term. Nothing else
+     * changes — the rows, the mapping and the depth are identical, because a
+     * recent order and a matched order are the same record.
+     */
+    scope?: FlatItem['group'] | null;
+    /** Rows per kind. The panel's five by default; a results page asks for more. */
+    limit?: number;
+    /**
+     * Browse every collection's latest rows with an empty box — the home's "what
+     * has been happening", where no one drawer has been chosen. A scope still
+     * wins: it narrows the same request to one collection.
+     */
+    recent?: boolean;
+}
+export interface SearchResults {
+    orders: FlatItem[];
+    customers: FlatItem[];
+    invoices: FlatItem[];
+    products: FlatItem[];
+    /** Empty when service operations are off for this workspace. */
+    support: FlatItem[];
+}
+export declare function useCommandSearch({ tenantSlug, isOpen, scope, limit, recent, }: UseCommandSearchParams): {
+    query: string;
+    setQuery: (q: string) => void;
+    results: SearchResults;
+    isLoading: boolean;
+    hasQuery: boolean;
+};
+export {};

package/dist/command-palette/use-command-search.js

@@ -0,0 +1,218 @@
+"use client";
+import { useState, useEffect, useRef, useMemo, useCallback } from "react";
+import { formatOrderNumber } from "@withpotter/lib/order-config";
+import { inventoryApi } from "@withpotter/lib/api/inventory";
+import { invoicesApi } from "@withpotter/lib/api/invoices";
+import { membersApi } from "@withpotter/lib/api/members";
+import { ordersApi } from "@withpotter/lib/api/orders";
+import {
+  isServiceOperationsEnabled,
+  serviceOperationsApi
+} from "@withpotter/lib/service-operations-api";
+function shortDate(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  const sameYear = d.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear();
+  return d.toLocaleDateString(void 0, {
+    day: "numeric",
+    month: "short",
+    ...sameYear ? {} : { year: "numeric" }
+  });
+}
+function toProductItem(p) {
+  return {
+    id: p.id,
+    label: p.title,
+    sublabel: p.sku ?? p.slug,
+    badge: p.status,
+    href: `/dashboard/catalog/${p.id}`,
+    group: "product",
+    image: productImage(p),
+    meta: [p.sku ?? p.slug, p.trackInventory ? `${p.quantity} in stock` : ""].filter(Boolean).join(" \xB7 "),
+    amount: p.price,
+    currency: p.currency
+  };
+}
+function productImage(p) {
+  const img = p.image;
+  if (!img) return null;
+  if (typeof img === "string") return img;
+  if (img.type === "video") return img.thumbnail ?? null;
+  return img.url ?? null;
+}
+function useCommandSearch({
+  tenantSlug,
+  isOpen,
+  scope = null,
+  limit = 5,
+  recent = false
+}) {
+  const [query, setQuery] = useState("");
+  const [rawOrders, setRawOrders] = useState([]);
+  const [rawMembers, setRawMembers] = useState([]);
+  const [rawInvoices, setRawInvoices] = useState([]);
+  const [rawCases, setRawCases] = useState([]);
+  const [allProducts, setAllProducts] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const productsCacheRef = useRef(null);
+  useEffect(() => {
+    if (!isOpen) {
+      setQuery("");
+      setRawOrders([]);
+      setRawMembers([]);
+      setRawInvoices([]);
+      setRawCases([]);
+      setIsLoading(false);
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (!isOpen || !tenantSlug) return;
+    if (productsCacheRef.current !== null) {
+      setAllProducts(productsCacheRef.current);
+      return;
+    }
+    inventoryApi.listAll(tenantSlug).then((items) => {
+      productsCacheRef.current = items;
+      setAllProducts(items);
+    }).catch(() => {
+    });
+  }, [isOpen, tenantSlug]);
+  useEffect(() => {
+    const searching = query.length >= 2;
+    const browsing = !searching && (!!scope || recent);
+    if (!searching && !browsing || !tenantSlug) {
+      setRawOrders([]);
+      setRawMembers([]);
+      setRawInvoices([]);
+      setRawCases([]);
+      setIsLoading(false);
+      return;
+    }
+    const controller = new AbortController();
+    setIsLoading(true);
+    const wants = (g) => searching || scope === g || recent && !scope && g !== "support";
+    const term = searching ? { search: query } : {};
+    const timeoutId = setTimeout(
+      async () => {
+        try {
+          const [ordersRes, membersRes, invoicesRes, casesRes] = await Promise.all([
+            wants("order") ? ordersApi.list(tenantSlug, { ...term, limit }) : null,
+            wants("customer") ? membersApi.list(tenantSlug, { ...term, limit }) : null,
+            wants("invoice") ? invoicesApi.list(tenantSlug, { ...term, limit }) : null,
+            /* Gated, and it fails soft. Support is off for a workspace
+               whose API has the module disabled, and a search that threw
+               there would take the other three results down with it — this
+               runs inside one `Promise.all`. */
+            wants("support") && isServiceOperationsEnabled() ? serviceOperationsApi.list(tenantSlug, term).catch(() => null) : null
+          ]);
+          if (!controller.signal.aborted) {
+            setRawOrders(ordersRes?.orders ?? []);
+            setRawMembers(membersRes?.members ?? []);
+            setRawInvoices(invoicesRes?.invoices ?? []);
+            setRawCases(casesRes?.items?.slice(0, limit) ?? []);
+            setIsLoading(false);
+          }
+        } catch {
+          if (!controller.signal.aborted) {
+            setIsLoading(false);
+          }
+        }
+      },
+      // No debounce on a browse: nothing is being typed, so the 300ms that
+      // stops a search firing per keystroke is 300ms of blank panel.
+      searching ? 300 : 0
+    );
+    return () => {
+      clearTimeout(timeoutId);
+      controller.abort();
+    };
+  }, [query, tenantSlug, scope, limit, recent]);
+  const results = useMemo(() => {
+    const q = query.toLowerCase();
+    const hasQ = q.length >= 2;
+    const browsingProducts = !hasQ && scope === "product";
+    const orders = rawOrders.map((o) => ({
+      id: o.id,
+      label: o.customerName ?? o.customerEmail,
+      sublabel: formatOrderNumber(o.orderNumber),
+      badge: o.status,
+      href: `/dashboard/orders/${o.id}`,
+      group: "order",
+      meta: [formatOrderNumber(o.orderNumber), shortDate(o.createdAt)].filter(Boolean).join(" \xB7 "),
+      amount: o.total,
+      currency: o.currency,
+      status: o.status,
+      at: o.createdAt
+    }));
+    const customers = rawMembers.map((m) => ({
+      id: m.id,
+      label: m.name ?? m.email,
+      sublabel: m.email,
+      badge: m.type,
+      href: `/dashboard/customers/${m.id}`,
+      group: "customer",
+      image: m.avatar?.url ?? null,
+      /* What this person is WORTH to the business, which is the question a
+         merchant is asking when they look somebody up. `lastOrderAt` rather
+         than `createdAt`: when they were last here beats when they signed up. */
+      meta: [
+        m.totalOrders ? `${m.totalOrders} ${m.totalOrders === 1 ? "order" : "orders"}` : "No orders yet",
+        m.lastOrderAt ? `last ${shortDate(m.lastOrderAt)}` : ""
+      ].filter(Boolean).join(" \xB7 "),
+      amount: m.totalSpent || void 0,
+      at: m.lastOrderAt ?? m.createdAt
+    }));
+    const invoices = rawInvoices.map((inv) => ({
+      id: inv.id,
+      label: inv.customerName ?? inv.customerEmail,
+      sublabel: `#${inv.invoiceNumber}`,
+      badge: inv.status,
+      href: `/dashboard/invoices/${inv.id}`,
+      group: "invoice",
+      /* What is still owed and when it was due — the two facts that decide
+         whether this invoice is a problem. `amountDue`, not `total`: a paid
+         invoice showing its full value reads as money outstanding. */
+      meta: [`#${inv.invoiceNumber}`, `due ${shortDate(inv.dueDate)}`].filter(Boolean).join(" \xB7 "),
+      amount: inv.amountDue || inv.total,
+      currency: inv.currency,
+      status: inv.status,
+      at: inv.issueDate
+    }));
+    const products = browsingProducts ? allProducts.slice(0, limit).map(toProductItem) : hasQ ? allProducts.filter((p) => {
+      return p.title.toLowerCase().includes(q) || (p.sku ?? "").toLowerCase().includes(q) || p.slug.toLowerCase().includes(q);
+    }).slice(0, limit).map(toProductItem) : [];
+    const support = rawCases.map((c) => ({
+      id: c.id,
+      label: c.subject,
+      sublabel: c.reference,
+      badge: c.status,
+      href: `/dashboard/support/${c.id}`,
+      group: "support",
+      meta: [c.reference, `opened ${shortDate(c.createdAt)}`].filter(Boolean).join(" \xB7 "),
+      status: c.status
+    }));
+    return { orders, customers, invoices, products, support };
+  }, [
+    rawOrders,
+    rawMembers,
+    rawInvoices,
+    rawCases,
+    allProducts,
+    query,
+    scope,
+    limit
+  ]);
+  const hasQuery = query.length >= 2 || !!scope || recent;
+  return {
+    query,
+    setQuery: useCallback((q) => setQuery(q), []),
+    results,
+    isLoading,
+    hasQuery
+  };
+}
+export {
+  useCommandSearch
+};
+//# sourceMappingURL=use-command-search.js.map

package/dist/command-palette/use-command-search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/command-palette/use-command-search.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useRef, useMemo, useCallback } from 'react';\nimport { formatOrderNumber } from '@withpotter/lib/order-config';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport { invoicesApi } from '@withpotter/lib/api/invoices';\nimport { membersApi } from '@withpotter/lib/api/members';\nimport { ordersApi } from '@withpotter/lib/api/orders';\nimport {\n  isServiceOperationsEnabled,\n  serviceOperationsApi,\n  type ServiceCase,\n} from '@withpotter/lib/service-operations-api';\nimport type { InventoryProduct, Order, Member, Invoice } from '@withpotter/lib/api/types';\n\nexport interface FlatItem {\n  id: string;\n  label: string;\n  sublabel?: string;\n  badge?: string;\n  href: string;\n  group: 'order' | 'customer' | 'invoice' | 'product' | 'support' | 'page';\n  /**\n   * The record's own picture, where it has one.\n   *\n   * John, 2026-09-03: *\"the search modal should have imagery too, not just\n   * texts, should have jpg/png or gif\"*. He is describing the difference\n   * between a list of nouns and a list of things: a merchant scanning six\n   * results recognises their own product by its photograph a good deal faster\n   * than by reading its title, and every one of these records already carries\n   * a picture we were throwing away.\n   *\n   * A real uploaded file only — a product's image, a person's avatar. A row\n   * with none falls back to its group's glyph rather than to a generated\n   * stand-in, because an invented picture beside a real one teaches the eye\n   * that the pictures cannot be trusted.\n   */\n  image?: string | null;\n  /**\n   * The second line, and the value on the right.\n   *\n   * John, 2026-09-03: *\"can we get more depth when we search a person or when\n   * we search anything\"*. A row that says a name and an order number answers\n   * \"does this record exist\"; a merchant searching a person is nearly always\n   * asking something one step past that — how much, how many, how recently,\n   * what state is it in — and every one of those facts is already on the\n   * record we fetched and threw away.\n   *\n   * `meta` is the sub-line, `amount`/`currency` the figure on the right, and\n   * `status` a state for `StatusBadge` (the house rule: any status pill is\n   * that component, anywhere in src). All optional, because a product has no\n   * status worth a pill and a customer has no single date.\n   */\n  meta?: string;\n  amount?: number;\n  currency?: string;\n  status?: string;\n  /** When it last happened, so a mixed list can be put in time order. */\n  at?: string | null;\n}\n\n/**\n * A date a merchant can read at a glance: \"1 Sept\", or \"1 Sept 2025\" once it is\n * not this year. No time — a search result is not a timeline.\n */\nfunction shortDate(iso?: string | null): string {\n  if (!iso) return '';\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  const sameYear = d.getFullYear() === new Date().getFullYear();\n  return d.toLocaleDateString(undefined, {\n    day: 'numeric',\n    month: 'short',\n    ...(sameYear ? {} : { year: 'numeric' }),\n  });\n}\n\n/**\n * One product, as a row. Shared by the search branch and the browse branch so\n * a recent product and a matched product cannot describe themselves\n * differently.\n *\n * Stock is the fact a merchant is usually chasing when they look a product up\n * mid-conversation — \"do I still have any\" — so it leads, with the code that\n * identifies it beside it. Untracked stock says nothing rather than \"0 left\",\n * which would be a lie.\n */\nfunction toProductItem(p: InventoryProduct): FlatItem {\n  return {\n    id: p.id,\n    label: p.title,\n    sublabel: p.sku ?? p.slug,\n    badge: p.status,\n    href: `/dashboard/catalog/${p.id}`,\n    group: 'product',\n    image: productImage(p),\n    meta: [p.sku ?? p.slug, p.trackInventory ? `${p.quantity} in stock` : '']\n      .filter(Boolean)\n      .join(' · '),\n    amount: p.price,\n    currency: p.currency,\n  };\n}\n\n/** A product's `image` is a URL or a media object, depending on its age. */\nfunction productImage(p: InventoryProduct): string | null {\n  const img = p.image;\n  if (!img) return null;\n  if (typeof img === 'string') return img;\n  if (img.type === 'video') return img.thumbnail ?? null;\n  return img.url ?? null;\n}\n\ninterface UseCommandSearchParams {\n  tenantSlug: string;\n  isOpen: boolean;\n  /**\n   * One kind of record, browsed rather than searched.\n   *\n   * John, 2026-09-03: *\"when you click on any of these it should show all the\n   * recents, so recent orders, recent customers, what not, then you can now\n   * search or filter\"*. A scope with an empty box used to say \"Type to search\n   * orders\", which is the panel asking a question it could have answered: the\n   * merchant has already told us which drawer they want, and the most recent\n   * few are very often the ones they are reaching for.\n   *\n   * So the same four requests run without a `search` term. Nothing else\n   * changes — the rows, the mapping and the depth are identical, because a\n   * recent order and a matched order are the same record.\n   */\n  scope?: FlatItem['group'] | null;\n  /** Rows per kind. The panel's five by default; a results page asks for more. */\n  limit?: number;\n  /**\n   * Browse every collection's latest rows with an empty box — the home's \"what\n   * has been happening\", where no one drawer has been chosen. A scope still\n   * wins: it narrows the same request to one collection.\n   */\n  recent?: boolean;\n}\n\nexport interface SearchResults {\n  orders: FlatItem[];\n  customers: FlatItem[];\n  invoices: FlatItem[];\n  products: FlatItem[];\n  /** Empty when service operations are off for this workspace. */\n  support: FlatItem[];\n}\n\nexport function useCommandSearch({\n  tenantSlug,\n  isOpen,\n  scope = null,\n  limit = 5,\n  recent = false,\n}: UseCommandSearchParams) {\n  const [query, setQuery] = useState('');\n  const [rawOrders, setRawOrders] = useState<Order[]>([]);\n  const [rawMembers, setRawMembers] = useState<Member[]>([]);\n  const [rawInvoices, setRawInvoices] = useState<Invoice[]>([]);\n  const [rawCases, setRawCases] = useState<ServiceCase[]>([]);\n  const [allProducts, setAllProducts] = useState<InventoryProduct[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Cache products across re-opens — don't re-fetch if already loaded\n  const productsCacheRef = useRef<InventoryProduct[] | null>(null);\n\n  // Reset query when palette closes\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      setRawOrders([]);\n      setRawMembers([]);\n      setRawInvoices([]);\n      setRawCases([]);\n      setIsLoading(false);\n    }\n  }, [isOpen]);\n\n  // Pre-fetch products when palette opens (client-side search only)\n  useEffect(() => {\n    if (!isOpen || !tenantSlug) return;\n    if (productsCacheRef.current !== null) {\n      setAllProducts(productsCacheRef.current);\n      return;\n    }\n    // Every product, not the first page: a product past the twentieth could\n    // not be found by name, because the list was never asked for it.\n    inventoryApi\n      .listAll(tenantSlug)\n      .then((items) => {\n        productsCacheRef.current = items;\n        setAllProducts(items);\n      })\n      .catch(() => {\n        // silently ignore — products are best-effort\n      });\n  }, [isOpen, tenantSlug]);\n\n  // Debounced search for orders / members / invoices — or, with a scope and\n  // an empty box, that one collection's most recent rows.\n  useEffect(() => {\n    const searching = query.length >= 2;\n    const browsing = !searching && (!!scope || recent);\n\n    if ((!searching && !browsing) || !tenantSlug) {\n      setRawOrders([]);\n      setRawMembers([]);\n      setRawInvoices([]);\n      setRawCases([]);\n      setIsLoading(false);\n      return;\n    }\n\n    const controller = new AbortController();\n    setIsLoading(true);\n\n    /**\n     * ONLY THE DRAWER THAT WAS OPENED. A search runs all four because the\n     * words could match anything; a browse has already been told which\n     * collection, so firing the other three would be three requests whose\n     * results are thrown away.\n     */\n    const wants = (g: FlatItem['group']) =>\n      searching || scope === g || (recent && !scope && g !== 'support');\n    const term = searching ? { search: query } : {};\n\n    const timeoutId = setTimeout(\n      async () => {\n        try {\n          const [ordersRes, membersRes, invoicesRes, casesRes] =\n            await Promise.all([\n              wants('order')\n                ? ordersApi.list(tenantSlug, { ...term, limit })\n                : null,\n              wants('customer')\n                ? membersApi.list(tenantSlug, { ...term, limit })\n                : null,\n              wants('invoice')\n                ? invoicesApi.list(tenantSlug, { ...term, limit })\n                : null,\n              /* Gated, and it fails soft. Support is off for a workspace\n                 whose API has the module disabled, and a search that threw\n                 there would take the other three results down with it — this\n                 runs inside one `Promise.all`. */\n              wants('support') && isServiceOperationsEnabled()\n                ? serviceOperationsApi.list(tenantSlug, term).catch(() => null)\n                : null,\n            ]);\n\n          if (!controller.signal.aborted) {\n            setRawOrders(ordersRes?.orders ?? []);\n            setRawMembers(membersRes?.members ?? []);\n            setRawInvoices(invoicesRes?.invoices ?? []);\n            setRawCases(casesRes?.items?.slice(0, limit) ?? []);\n            setIsLoading(false);\n          }\n        } catch {\n          if (!controller.signal.aborted) {\n            setIsLoading(false);\n          }\n        }\n      },\n      // No debounce on a browse: nothing is being typed, so the 300ms that\n      // stops a search firing per keystroke is 300ms of blank panel.\n      searching ? 300 : 0,\n    );\n\n    return () => {\n      clearTimeout(timeoutId);\n      controller.abort();\n    };\n  }, [query, tenantSlug, scope, limit, recent]);\n\n  const results: SearchResults = useMemo(() => {\n    const q = query.toLowerCase();\n    const hasQ = q.length >= 2;\n    /* Products are filtered here rather than fetched, so \"recent\" is the\n       first few of the list the API already ordered. */\n    const browsingProducts = !hasQ && scope === 'product';\n\n    const orders: FlatItem[] = rawOrders.map((o) => ({\n      id: o.id,\n      label: o.customerName ?? o.customerEmail,\n      sublabel: formatOrderNumber(o.orderNumber),\n      badge: o.status,\n      href: `/dashboard/orders/${o.id}`,\n      group: 'order',\n      meta: [formatOrderNumber(o.orderNumber), shortDate(o.createdAt)]\n        .filter(Boolean)\n        .join(' · '),\n      amount: o.total,\n      currency: o.currency,\n      status: o.status,\n      at: o.createdAt,\n    }));\n\n    const customers: FlatItem[] = rawMembers.map((m) => ({\n      id: m.id,\n      label: m.name ?? m.email,\n      sublabel: m.email,\n      badge: m.type,\n      href: `/dashboard/customers/${m.id}`,\n      group: 'customer',\n      image: m.avatar?.url ?? null,\n      /* What this person is WORTH to the business, which is the question a\n         merchant is asking when they look somebody up. `lastOrderAt` rather\n         than `createdAt`: when they were last here beats when they signed up. */\n      meta: [\n        m.totalOrders\n          ? `${m.totalOrders} ${m.totalOrders === 1 ? 'order' : 'orders'}`\n          : 'No orders yet',\n        m.lastOrderAt ? `last ${shortDate(m.lastOrderAt)}` : '',\n      ]\n        .filter(Boolean)\n        .join(' · '),\n      amount: m.totalSpent || undefined,\n      at: m.lastOrderAt ?? m.createdAt,\n    }));\n\n    const invoices: FlatItem[] = rawInvoices.map((inv) => ({\n      id: inv.id,\n      label: inv.customerName ?? inv.customerEmail,\n      sublabel: `#${inv.invoiceNumber}`,\n      badge: inv.status,\n      href: `/dashboard/invoices/${inv.id}`,\n      group: 'invoice',\n      /* What is still owed and when it was due — the two facts that decide\n         whether this invoice is a problem. `amountDue`, not `total`: a paid\n         invoice showing its full value reads as money outstanding. */\n      meta: [`#${inv.invoiceNumber}`, `due ${shortDate(inv.dueDate)}`]\n        .filter(Boolean)\n        .join(' · '),\n      amount: inv.amountDue || inv.total,\n      currency: inv.currency,\n      status: inv.status,\n      at: inv.issueDate,\n    }));\n\n    const products: FlatItem[] = browsingProducts\n      ? allProducts.slice(0, limit).map(toProductItem)\n      : hasQ\n        ? allProducts\n            .filter((p) => {\n              return (\n                p.title.toLowerCase().includes(q) ||\n                (p.sku ?? '').toLowerCase().includes(q) ||\n                p.slug.toLowerCase().includes(q)\n              );\n            })\n            .slice(0, limit)\n            .map(toProductItem)\n        : [];\n\n    /**\n     * A support case, as a row.\n     *\n     * The SUBJECT is the label, not the reference: a merchant looking a case\n     * up remembers what it was about, and `#SC-1042` is a string they have\n     * never read. The reference goes in the sub-line with the age, which is\n     * the pair that tells you whether this is the one you mean.\n     */\n    const support: FlatItem[] = rawCases.map((c) => ({\n      id: c.id,\n      label: c.subject,\n      sublabel: c.reference,\n      badge: c.status,\n      href: `/dashboard/support/${c.id}`,\n      group: 'support',\n      meta: [c.reference, `opened ${shortDate(c.createdAt)}`]\n        .filter(Boolean)\n        .join(' · '),\n      status: c.status,\n    }));\n\n    return { orders, customers, invoices, products, support };\n  }, [\n    rawOrders,\n    rawMembers,\n    rawInvoices,\n    rawCases,\n    allProducts,\n    query,\n    scope,\n    limit,\n  ]);\n\n  /** Something to show: a real search, or a drawer opened with no term. */\n  const hasQuery = query.length >= 2 || !!scope || recent;\n\n  return {\n    query,\n    setQuery: useCallback((q: string) => setQuery(q), []),\n    results,\n    isLoading,\n    hasQuery,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/companion/companion-context.d.ts

@@ -0,0 +1,29 @@
+import { type Proposal } from '@withpotter/lib/proposals-api';
+import type { ConversationContext } from '@withpotter/lib/editor-agent/contracts';
+interface CompanionContextValue {
+    /** Resolved persona name (merchant's custom name, or the default). */
+    name: string;
+    /** Sidebar/product label — positioning, not the name. */
+    label: string;
+    description: string;
+    href: string;
+    /** Suggestions awaiting a decision. */
+    waiting: Proposal[];
+    waitingCount: number;
+    loading: boolean;
+    refresh: () => void;
+    /** Drawer open state. */
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    /** Rename the companion (persists to tenant settings). */
+    rename: (name: string) => Promise<void>;
+    renaming: boolean;
+    maxNameLength: number;
+    /** Read-only home-page grounding for conversations outside the editor. */
+    conversationContext?: ConversationContext;
+}
+export declare function useCompanion(): CompanionContextValue;
+export declare function CompanionProvider({ children }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+export {};