@ai-matrx/records-ui 0.101.1 → 0.101.7

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.101.7
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.2..npm/records-ui/v0.101.7 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.6
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.2..npm/records-ui/v0.101.6 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.5
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.2..npm/records-ui/v0.101.5 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.4
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.2..npm/records-ui/v0.101.4 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.3
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.101.2..npm/records-ui/v0.101.3 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.101.2
+
+`TablesHome`: "Start from a template" (`templatesHref`) also shows while a new table is being named, so a
+New table dialog opened straight into naming (the data home's) keeps the way to the template gallery.
+No consumer action.
+
 ## 0.101.1
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -269,6 +269,7 @@ __export(src_exports, {
   TableSettings: () => TableSettings,
   TableToolbarSlotContext: () => TableToolbarSlotContext,
   TablesHome: () => TablesHome,
+  TemplatePreview: () => TemplatePreview,
   TimelineView: () => TimelineView,
   UNREAD_RECORD_LABEL: () => UNREAD_RECORD_LABEL,
   VIEW_ADDRESS_KEYS: () => VIEW_ADDRESS_KEYS,
@@ -550,6 +551,7 @@ __export(src_exports, {
   useTableRights: () => useTableRights,
   useTableToolbarSlot: () => useTableToolbarSlot,
   useTablesAnywhere: () => useTablesAnywhere,
+  useTemplatePreview: () => useTemplatePreview,
   useViewRecords: () => useViewRecords,
   useWhoChanged: () => useWhoChanged,
   viewActions: () => viewActions,
@@ -24411,7 +24413,8 @@ function TablesHome({ onOpenTable, organizationName, makingOnly = false, askedBy
           children: "Create and import a file"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system67.Button, { size: "sm", variant: "ghost", onClick: () => setCreating(false), children: "Cancel" })
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system67.Button, { size: "sm", variant: "ghost", onClick: () => setCreating(false), children: "Cancel" }),
+      templatesHref ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system67.Button, { asChild: true, size: "sm", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("a", { href: templatesHref, "data-tables-home-templates": "", children: "Start from a template" }) }) : null
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system67.Button, { size: "sm", onClick: () => setCreating(true), children: "New table" }),
       templatesHref ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_design_system67.Button, { asChild: true, size: "sm", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("a", { href: templatesHref, "data-tables-home-templates": "", children: "Start from a template" }) }) : null
@@ -46053,4 +46056,44 @@ function Decision({ approvalId, onDecided }) {
     error ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(RefusalLine, { error }) : null
   ] });
 }
+
+// src/TemplatePreview.tsx
+var import_react263 = require("react");
+var import_memory = require("@ai-matrx/records/memory");
+var import_jsx_runtime152 = require("react/jsx-runtime");
+function useTemplatePreview(spec, today) {
+  return (0, import_react263.useMemo)(() => (0, import_memory.templatePreview)(spec, today ? { today } : {}), [spec, today]);
+}
+function TemplatePreview({ spec, today, initialTable, host, aside, className }) {
+  const preview = useTemplatePreview(spec, today);
+  const first = preview.tables.find((t) => t.token === initialTable) ?? preview.tables[0];
+  const [active, setActive] = (0, import_react263.useState)(first?.id ?? null);
+  const table = preview.tables.find((t) => t.id === active) ?? first;
+  if (!table) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
+    preview.tables.length > 1 || aside ? /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex min-w-0 flex-wrap items-center gap-1.5", role: "tablist", "aria-label": "Tables", children: [
+      preview.tables.map((t) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": t.id === table.id,
+          "data-template-preview-table": t.token,
+          onClick: () => setActive(t.id),
+          className: [
+            "inline-flex h-8 items-center gap-1.5 rounded-md border px-3 text-sm",
+            t.id === table.id ? "border-primary bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground"
+          ].join(" "),
+          children: [
+            t.name,
+            /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.rows })
+          ]
+        },
+        t.id
+      )),
+      aside ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "ml-auto", children: aside }) : null
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(RecordsMount, { config: preview.config, host, children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "min-h-[32rem] min-w-0 overflow-hidden rounded-xl border border-border bg-card", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(TablePage, { tableId: table.id }, table.id) }) })
+  ] });
+}
 //# sourceMappingURL=index.cjs.map