@arbidocs/blocks 0.5.106 → 0.5.107

package/dist/dashboards/index.cjs

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkCWC6W2NE_cjs = require('../chunk-CWC6W2NE.cjs');
-var chunk73FJ6L6I_cjs = require('../chunk-73FJ6L6I.cjs');
+var chunkD35EHOK5_cjs = require('../chunk-D35EHOK5.cjs');
+var chunkZMVF7EYJ_cjs = require('../chunk-ZMVF7EYJ.cjs');
 require('../chunk-2VJBIBPE.cjs');
 require('../chunk-OZQ26FNK.cjs');
 require('../chunk-ZU2B2RZK.cjs');
@@ -22,7 +22,6 @@ var react = require('@arbidocs/react');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/connection/dashboards/templates.ts
 function newPanelId() {
   return `pnl-${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -35,92 +34,280 @@ function newPanel() {
     width: 6
   };
 }
+var panel = (id, title, source, chart, width = 6) => ({ id, title, source: { id: source }, chart, width });
+var metric = (id, title, source, chart = {}, width = 3) => panel(id, title, source, { type: "metric", ...chart }, width);
+var FAILED_DOCUMENT = react.DEFAULT_DOCUMENTS_SOURCE_LABELS.statuses.failed;
+var FAILED_RUN = react.DEFAULT_WORKFLOWS_SOURCE_LABELS.results.failed;
+var WORKFLOW_RUN = react.DEFAULT_ACTIVITY_SOURCE_LABELS.kinds.workflow_run;
+var DOCUMENTS_BY_TYPE = panel("documents-by-type", "Documents by type", "documents", {
+  type: "bar",
+  x: "type",
+  limit: 8
+});
+var DOCUMENTS_BY_STATUS = panel("documents-by-status", "Documents by status", "documents", {
+  type: "donut",
+  x: "status"
+});
+var AI_USAGE_BY_MODEL = panel("usage-by-model", "AI usage by model", "usage", {
+  type: "bar",
+  x: "day",
+  bucket: "day",
+  series: "model",
+  y: "spend",
+  aggregate: "sum",
+  stacked: true
+});
+var WORKFLOW_RUNS_BY_DAY = panel(
+  "workflow-runs-by-day",
+  "Workflow runs by day",
+  "activity",
+  {
+    type: "bar",
+    x: "when",
+    bucket: "day",
+    series: "status",
+    stacked: true,
+    filters: [{ field: "kind", op: "eq", value: WORKFLOW_RUN }]
+  },
+  12
+);
 var OVERVIEW_DASHBOARD = {
   version: 1,
   title: "Overview",
-  description: "Documents, threads, projects and AI usage at a glance.",
+  description: "Documents, threads, facts and AI usage at a glance.",
   panels: [
-    {
-      id: "documents",
-      title: "Documents",
-      source: { id: "documents" },
-      chart: { type: "metric" },
-      width: 3
-    },
-    {
-      id: "threads",
-      title: "Threads",
-      source: { id: "conversations" },
-      chart: { type: "metric" },
-      width: 3
-    },
-    {
-      id: "projects",
-      title: "Projects",
-      source: { id: "projects" },
-      chart: { type: "metric" },
-      width: 3
-    },
-    {
-      id: "ai-usage",
-      title: "AI usage this period",
-      source: { id: "usage" },
-      chart: { type: "metric", aggregate: "sum", y: "spend" },
-      width: 3
-    },
-    {
-      id: "threads-over-time",
-      title: "Threads started",
-      source: { id: "conversations" },
-      chart: { type: "line", x: "created", bucket: "month" },
-      width: 6
-    },
-    {
-      id: "usage-by-model",
-      title: "AI usage by model",
-      source: { id: "usage" },
-      chart: {
-        type: "bar",
-        x: "day",
-        bucket: "day",
-        series: "model",
-        y: "spend",
-        aggregate: "sum",
-        stacked: true
-      },
-      width: 6
-    },
-    {
-      id: "documents-by-type",
-      title: "Documents by type",
-      source: { id: "documents" },
-      chart: { type: "bar", x: "type", limit: 8 },
-      width: 6
-    },
-    {
-      id: "projects-by-stage",
-      title: "Projects by stage",
-      source: { id: "projects" },
-      chart: { type: "donut", x: "stage" },
-      width: 6
-    },
-    {
-      id: "due",
-      title: "Due dates",
-      source: { id: "conversations" },
-      chart: {
+    metric("documents", "Documents", "documents"),
+    metric("threads", "Threads", "conversations"),
+    metric("facts", "Facts", "facts"),
+    metric("ai-usage", "AI usage this period", "usage", { aggregate: "sum", y: "spend" }),
+    panel("threads-over-time", "Threads started", "conversations", {
+      type: "line",
+      x: "created",
+      bucket: "month"
+    }),
+    AI_USAGE_BY_MODEL,
+    DOCUMENTS_BY_TYPE,
+    DOCUMENTS_BY_STATUS,
+    panel(
+      "due",
+      "Due dates",
+      "conversations",
+      {
         type: "table",
         columns: ["title", "due", "status", "owner"],
         filters: [{ field: "due", op: "not_empty" }],
         orderBy: { field: "due" }
       },
-      width: 12
-    }
+      12
+    )
   ]
 };
+var DOCUMENTS_DASHBOARD = {
+  version: 1,
+  title: "Documents",
+  description: "What the workspace holds: status, type, folders, who added what, and when.",
+  panels: [
+    metric("documents", "Documents", "documents"),
+    metric("pages", "Pages", "documents", { aggregate: "sum", y: "pages" }),
+    metric("size", "Stored", "documents", { aggregate: "sum", y: "size" }),
+    metric("failed", "Failed to process", "documents", {
+      filters: [{ field: "status", op: "eq", value: FAILED_DOCUMENT }]
+    }),
+    DOCUMENTS_BY_STATUS,
+    DOCUMENTS_BY_TYPE,
+    panel("documents-added", "Documents added", "documents", {
+      type: "line",
+      x: "created",
+      bucket: "month"
+    }),
+    panel("documents-by-folder", "Documents by folder", "documents", {
+      type: "bar",
+      x: "folder",
+      limit: 10
+    }),
+    panel("documents-by-person", "Added by", "documents", { type: "bar", x: "createdBy" }),
+    panel("documents-by-kind", "Kinds of document", "documents", {
+      type: "donut",
+      x: "nature",
+      limit: 8
+    }),
+    panel(
+      "latest-documents",
+      "Latest documents",
+      "documents",
+      {
+        type: "table",
+        columns: ["name", "type", "status", "createdBy", "created"],
+        orderBy: { field: "created", direction: "desc" },
+        limit: 10
+      },
+      12
+    )
+  ]
+};
+var TAGS_FACTS_DASHBOARD = {
+  version: 1,
+  title: "Tags and facts",
+  description: "How the workspace is organised: its tags and what carries them, and its facts.",
+  panels: [
+    metric("tags", "Tags", "tags"),
+    metric("facts", "Facts", "facts"),
+    metric("confirmed-facts", "Confirmed facts", "facts", {
+      filters: [{ field: "confirmed", op: "eq", value: true }]
+    }),
+    metric("dated-facts", "Dated facts", "facts", {
+      filters: [{ field: "date", op: "not_empty" }]
+    }),
+    panel("most-used-tags", "Most used tags", "tags", {
+      type: "bar",
+      x: "name",
+      y: "documents",
+      aggregate: "sum",
+      limit: 10,
+      // Tags on no document yet are not "used": none at all shows the empty state.
+      filters: [{ field: "documents", op: "gt", value: 0 }]
+    }),
+    panel("tags-by-kind", "Tags by kind", "tags", { type: "donut", x: "kind" }),
+    panel("facts-by-tag", "Facts by tag", "facts", { type: "bar", x: "tags", limit: 10 }),
+    panel("facts-added", "Facts added", "facts", { type: "line", x: "created", bucket: "month" }),
+    panel(
+      "latest-facts",
+      "Latest facts",
+      "facts",
+      {
+        type: "table",
+        columns: ["text", "tags", "date", "createdBy"],
+        orderBy: { field: "created", direction: "desc" },
+        limit: 10
+      },
+      12
+    )
+  ]
+};
+var WORKFLOWS_DASHBOARD = {
+  version: 1,
+  title: "Workflows",
+  description: "Your workflows: what starts them, how their runs end, and what runs next.",
+  panels: [
+    metric("workflows", "Workflows", "workflows", {}, 4),
+    metric(
+      "workflows-on",
+      "Switched on",
+      "workflows",
+      {
+        filters: [{ field: "active", op: "eq", value: true }]
+      },
+      4
+    ),
+    metric(
+      "workflows-failed",
+      "Last run failed",
+      "workflows",
+      {
+        filters: [{ field: "lastResult", op: "eq", value: FAILED_RUN }]
+      },
+      4
+    ),
+    panel("workflows-by-result", "Last run result", "workflows", {
+      type: "donut",
+      x: "lastResult"
+    }),
+    panel("workflows-by-trigger", "What starts them", "workflows", { type: "bar", x: "trigger" }),
+    WORKFLOW_RUNS_BY_DAY,
+    panel(
+      "next-runs",
+      "Next runs",
+      "workflows",
+      {
+        type: "table",
+        columns: ["name", "trigger", "nextRun", "lastResult"],
+        filters: [{ field: "nextRun", op: "not_empty" }],
+        orderBy: { field: "nextRun" },
+        limit: 10
+      },
+      12
+    )
+  ]
+};
+var AI_USAGE_DASHBOARD = {
+  version: 1,
+  title: "AI usage",
+  description: "What the AI has done and cost this period, by day, model and project.",
+  panels: [
+    metric("ai-spend", "AI usage this period", "usage", { aggregate: "sum", y: "spend" }, 4),
+    metric("ai-tokens", "Tokens", "usage", { aggregate: "sum", y: "tokens" }, 4),
+    metric("ai-requests", "Requests", "usage", { aggregate: "sum", y: "requests" }, 4),
+    panel(
+      "spend-by-day",
+      "AI usage by day",
+      "usage",
+      { type: "line", x: "day", bucket: "day", y: "spend", aggregate: "sum" },
+      12
+    ),
+    AI_USAGE_BY_MODEL,
+    panel("tokens-by-model", "Tokens by model", "usage", {
+      type: "bar",
+      x: "model",
+      y: "tokens",
+      aggregate: "sum",
+      limit: 6
+    }),
+    panel(
+      "spend-by-project",
+      "AI usage by project",
+      "usage",
+      { type: "bar", x: "project", y: "spend", aggregate: "sum" },
+      12
+    )
+  ]
+};
+var ACTIVITY_DASHBOARD = {
+  version: 1,
+  title: "Recent activity",
+  description: "The latest activity in the workspace: who did what, where, and when.",
+  panels: [
+    panel(
+      "activity-by-day",
+      "Activity by day",
+      "activity",
+      { type: "bar", x: "when", bucket: "day", series: "area", stacked: true },
+      12
+    ),
+    panel("activity-by-area", "Activity by area", "activity", { type: "donut", x: "area" }),
+    panel("activity-by-person", "Activity by person", "activity", {
+      type: "bar",
+      x: "person",
+      limit: 10
+    }),
+    WORKFLOW_RUNS_BY_DAY,
+    panel(
+      "latest-activity",
+      "Latest activity",
+      "activity",
+      {
+        type: "table",
+        columns: ["when", "person", "kind", "item", "status"],
+        orderBy: { field: "when", direction: "desc" },
+        limit: 15
+      },
+      12
+    )
+  ]
+};
+function templatesFor(templates, features) {
+  return features.workflows ? templates : templates.filter((t) => !t.panels.some((p) => p.source.id === "workflows"));
+}
+var DASHBOARD_TEMPLATES = [
+  OVERVIEW_DASHBOARD,
+  DOCUMENTS_DASHBOARD,
+  TAGS_FACTS_DASHBOARD,
+  WORKFLOWS_DASHBOARD,
+  AI_USAGE_DASHBOARD,
+  ACTIVITY_DASHBOARD
+];
 var DEFAULT_DASHBOARDS_PAGE_LABELS = {
   title: "Dashboards",
-  description: "Charts and figures from your documents, threads, projects, AI usage and databases.",
+  description: "Charts and figures from your documents, threads, tags, facts, workflows, AI usage and databases.",
   newDashboard: "New dashboard",
   blank: "Blank dashboard",
   untitled: "Untitled dashboard",
@@ -130,6 +317,7 @@ var DEFAULT_DASHBOARDS_PAGE_LABELS = {
   panels: (count) => `${count} ${count === 1 ? "panel" : "panels"}`,
   back: "All dashboards",
   edit: "Edit",
+  more: "More dashboard actions",
   delete: "Delete",
   confirmDelete: (title) => `Delete the dashboard \u201C${title}\u201D? Its panels go with it.`,
   save: "Save",
@@ -154,12 +342,12 @@ function PanelsGrid({
   editing,
   testId
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkCWC6W2NE_cjs.DashboardGrid, { testId: testId && `${testId}-grid`, children: spec.panels.map((panel, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkCWC6W2NE_cjs.DashboardCell, { width: panel.width, children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCWC6W2NE_cjs.DashboardPanel,
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkD35EHOK5_cjs.DashboardGrid, { testId: testId && `${testId}-grid`, children: spec.panels.map((panel2, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkD35EHOK5_cjs.DashboardCell, { width: panel2.width, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkD35EHOK5_cjs.DashboardPanel,
     {
-      panel,
+      panel: panel2,
       labels: panelLabels,
-      testId: testId && `${testId}-panel-${panel.id}`,
+      testId: testId && `${testId}-panel-${panel2.id}`,
       actions: editing && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Button,
@@ -209,7 +397,7 @@ function PanelsGrid({
         )
       ] })
     }
-  ) }, panel.id)) });
+  ) }, panel2.id)) });
 }
 function NewDashboardButton({
   templates,
@@ -239,16 +427,19 @@ function NewDashboardButton({
   ] });
 }
 function ConnectedDashboardsPage({
-  templates = [OVERVIEW_DASHBOARD],
+  templates: siteTemplates,
   dashboardId,
   onDashboardChange,
   labels,
   panelLabels,
   editorLabels,
+  className,
   testId = "dashboards"
 }) {
   const l = { ...DEFAULT_DASHBOARDS_PAGE_LABELS, ...labels };
   const { confirm, notify } = chunkWGWP4ATS_cjs.useBlocksEnvironment();
+  const workflowsOn = react.useFeature("workflows");
+  const templates = siteTemplates ?? templatesFor(DASHBOARD_TEMPLATES, { workflows: workflowsOn });
   const store = react.useDashboardStore();
   const saved = react.useSavedDashboards(store);
   const save = react.useSaveDashboard(store);
@@ -373,10 +564,10 @@ function ConnectedDashboardsPage({
           /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.editPanelDescription })
         ] }),
         editingPanel && /* @__PURE__ */ jsxRuntime.jsx(
-          chunkCWC6W2NE_cjs.PanelEditor,
+          chunkD35EHOK5_cjs.PanelEditor,
           {
             value: editingPanel.panel,
-            onChange: (panel) => setEditingPanel({ ...editingPanel, panel }),
+            onChange: (panel2) => setEditingPanel({ ...editingPanel, panel: panel2 }),
             labels: editorLabels,
             testId: `${testId}-panel-editor`
           }
@@ -422,19 +613,31 @@ function ConnectedDashboardsPage({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              ui.Button,
-              {
-                variant: "ghost",
-                onClick: () => void deleteOpen(open),
-                "data-testid": `${testId}-delete`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
-                  " ",
-                  l.delete
-                ]
-              }
-            )
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": l.more,
+                  "data-testid": `${testId}-more`,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenuItem,
+                {
+                  onSelect: () => void deleteOpen(open),
+                  className: "text-destructive focus:text-destructive",
+                  "data-testid": `${testId}-delete`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-4" }),
+                    " ",
+                    l.delete
+                  ]
+                }
+              ) })
+            ] })
           ] })
         }
       ),
@@ -479,80 +682,87 @@ function ConnectedDashboardsPage({
       ) }) }, d.id)) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId, children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.cn("h-full min-h-0 w-full overflow-y-auto p-4 sm:p-6", className),
+      "data-testid": testId,
+      children: content
+    }
+  );
 }
 
 Object.defineProperty(exports, "ChartRenderer", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.ChartRenderer; }
+  get: function () { return chunkD35EHOK5_cjs.ChartRenderer; }
 });
 Object.defineProperty(exports, "ChartTable", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.ChartTable; }
+  get: function () { return chunkD35EHOK5_cjs.ChartTable; }
 });
 Object.defineProperty(exports, "DEFAULT_CHART_RENDERER_LABELS", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.DEFAULT_CHART_RENDERER_LABELS; }
+  get: function () { return chunkD35EHOK5_cjs.DEFAULT_CHART_RENDERER_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_DASHBOARD_PANEL_LABELS", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.DEFAULT_DASHBOARD_PANEL_LABELS; }
+  get: function () { return chunkD35EHOK5_cjs.DEFAULT_DASHBOARD_PANEL_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PANEL_EDITOR_LABELS", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.DEFAULT_PANEL_EDITOR_LABELS; }
+  get: function () { return chunkD35EHOK5_cjs.DEFAULT_PANEL_EDITOR_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_PANEL_VIEW_LABELS", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.DEFAULT_PANEL_VIEW_LABELS; }
+  get: function () { return chunkD35EHOK5_cjs.DEFAULT_PANEL_VIEW_LABELS; }
 });
 Object.defineProperty(exports, "DashboardCell", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.DashboardCell; }
+  get: function () { return chunkD35EHOK5_cjs.DashboardCell; }
 });
 Object.defineProperty(exports, "DashboardGrid", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.DashboardGrid; }
+  get: function () { return chunkD35EHOK5_cjs.DashboardGrid; }
 });
 Object.defineProperty(exports, "DashboardPanel", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.DashboardPanel; }
+  get: function () { return chunkD35EHOK5_cjs.DashboardPanel; }
 });
 Object.defineProperty(exports, "PANEL_FORMATTERS", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.PANEL_FORMATTERS; }
+  get: function () { return chunkD35EHOK5_cjs.PANEL_FORMATTERS; }
 });
 Object.defineProperty(exports, "PanelEditor", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.PanelEditor; }
+  get: function () { return chunkD35EHOK5_cjs.PanelEditor; }
 });
 Object.defineProperty(exports, "PanelView", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.PanelView; }
+  get: function () { return chunkD35EHOK5_cjs.PanelView; }
 });
 Object.defineProperty(exports, "clampPanelWidth", {
   enumerable: true,
-  get: function () { return chunkCWC6W2NE_cjs.clampPanelWidth; }
+  get: function () { return chunkD35EHOK5_cjs.clampPanelWidth; }
 });
 Object.defineProperty(exports, "DEFAULT_UNIT_FORMATTERS", {
   enumerable: true,
-  get: function () { return chunk73FJ6L6I_cjs.DEFAULT_UNIT_FORMATTERS; }
+  get: function () { return chunkZMVF7EYJ_cjs.DEFAULT_UNIT_FORMATTERS; }
 });
 Object.defineProperty(exports, "chartModelOf", {
   enumerable: true,
-  get: function () { return chunk73FJ6L6I_cjs.chartModelOf; }
+  get: function () { return chunkZMVF7EYJ_cjs.chartModelOf; }
 });
 Object.defineProperty(exports, "formatBucketLabel", {
   enumerable: true,
-  get: function () { return chunk73FJ6L6I_cjs.formatBucketLabel; }
+  get: function () { return chunkZMVF7EYJ_cjs.formatBucketLabel; }
 });
 Object.defineProperty(exports, "formatterOf", {
   enumerable: true,
-  get: function () { return chunk73FJ6L6I_cjs.formatterOf; }
+  get: function () { return chunkZMVF7EYJ_cjs.formatterOf; }
 });
 Object.defineProperty(exports, "metricValueOf", {
   enumerable: true,
-  get: function () { return chunk73FJ6L6I_cjs.metricValueOf; }
+  get: function () { return chunkZMVF7EYJ_cjs.metricValueOf; }
 });
 Object.defineProperty(exports, "CATEGORICAL_SERIES_STYLES", {
   enumerable: true,
@@ -567,6 +777,7 @@ Object.defineProperty(exports, "categoricalStyle", {
   get: function () { return chunkOEJQFPWO_cjs.categoricalStyle; }
 });
 exports.ConnectedDashboardsPage = ConnectedDashboardsPage;
+exports.DASHBOARD_TEMPLATES = DASHBOARD_TEMPLATES;
 exports.DEFAULT_DASHBOARDS_PAGE_LABELS = DEFAULT_DASHBOARDS_PAGE_LABELS;
 exports.OVERVIEW_DASHBOARD = OVERVIEW_DASHBOARD;
 exports.newPanel = newPanel;