@arbidocs/blocks 0.5.106 → 0.5.107

package/dist/dashboards/index.js

@@ -1,7 +1,7 @@
 "use client";
-import { PanelEditor, DashboardGrid, DashboardCell, DashboardPanel } from '../chunk-GK5BMDS6.js';
-export { ChartRenderer, ChartTable, DEFAULT_CHART_RENDERER_LABELS, DEFAULT_DASHBOARD_PANEL_LABELS, DEFAULT_PANEL_EDITOR_LABELS, DEFAULT_PANEL_VIEW_LABELS, DashboardCell, DashboardGrid, DashboardPanel, PANEL_FORMATTERS, PanelEditor, PanelView, clampPanelWidth } from '../chunk-GK5BMDS6.js';
-export { DEFAULT_UNIT_FORMATTERS, chartModelOf, formatBucketLabel, formatterOf, metricValueOf } from '../chunk-5XQNXDST.js';
+import { PanelEditor, DashboardGrid, DashboardCell, DashboardPanel } from '../chunk-AVGHTUPE.js';
+export { ChartRenderer, ChartTable, DEFAULT_CHART_RENDERER_LABELS, DEFAULT_DASHBOARD_PANEL_LABELS, DEFAULT_PANEL_EDITOR_LABELS, DEFAULT_PANEL_VIEW_LABELS, DashboardCell, DashboardGrid, DashboardPanel, PANEL_FORMATTERS, PanelEditor, PanelView, clampPanelWidth } from '../chunk-AVGHTUPE.js';
+export { DEFAULT_UNIT_FORMATTERS, chartModelOf, formatBucketLabel, formatterOf, metricValueOf } from '../chunk-FPOKWML2.js';
 import '../chunk-653XMGF4.js';
 import '../chunk-I46XTM3W.js';
 import '../chunk-AMTWY22T.js';
@@ -16,12 +16,11 @@ import '../chunk-TX2ZICS7.js';
 import '../chunk-UP3GCNPM.js';
 import '../chunk-VUNV25KB.js';
 import { useState, useMemo, useEffect } from 'react';
-import { Plus, Pencil, Trash2, ArrowLeft, LayoutDashboard, ArrowUp, ArrowDown } from 'lucide-react';
-import { useDashboardStore, useSavedDashboards, useSaveDashboard, useDeleteDashboard } from '@arbidocs/react';
-import { Button, Label, Input, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Card, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@arbidocs/react/ui';
+import { Plus, Pencil, MoreHorizontal, Trash2, ArrowLeft, LayoutDashboard, ArrowUp, ArrowDown } from 'lucide-react';
+import { DEFAULT_DOCUMENTS_SOURCE_LABELS, DEFAULT_WORKFLOWS_SOURCE_LABELS, DEFAULT_ACTIVITY_SOURCE_LABELS, useFeature, useDashboardStore, useSavedDashboards, useSaveDashboard, useDeleteDashboard } from '@arbidocs/react';
+import { Button, Label, Input, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, Card, cn } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-// src/connection/dashboards/templates.ts
 function newPanelId() {
   return `pnl-${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -34,92 +33,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 = DEFAULT_DOCUMENTS_SOURCE_LABELS.statuses.failed;
+var FAILED_RUN = DEFAULT_WORKFLOWS_SOURCE_LABELS.results.failed;
+var WORKFLOW_RUN = 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",
@@ -129,6 +316,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",
@@ -153,12 +341,12 @@ function PanelsGrid({
   editing,
   testId
 }) {
-  return /* @__PURE__ */ jsx(DashboardGrid, { testId: testId && `${testId}-grid`, children: spec.panels.map((panel, i) => /* @__PURE__ */ jsx(DashboardCell, { width: panel.width, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(DashboardGrid, { testId: testId && `${testId}-grid`, children: spec.panels.map((panel2, i) => /* @__PURE__ */ jsx(DashboardCell, { width: panel2.width, children: /* @__PURE__ */ jsx(
     DashboardPanel,
     {
-      panel,
+      panel: panel2,
       labels: panelLabels,
-      testId: testId && `${testId}-panel-${panel.id}`,
+      testId: testId && `${testId}-panel-${panel2.id}`,
       actions: editing && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Button,
@@ -208,7 +396,7 @@ function PanelsGrid({
         )
       ] })
     }
-  ) }, panel.id)) });
+  ) }, panel2.id)) });
 }
 function NewDashboardButton({
   templates,
@@ -238,16 +426,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 } = useBlocksEnvironment();
+  const workflowsOn = useFeature("workflows");
+  const templates = siteTemplates ?? templatesFor(DASHBOARD_TEMPLATES, { workflows: workflowsOn });
   const store = useDashboardStore();
   const saved = useSavedDashboards(store);
   const save = useSaveDashboard(store);
@@ -375,7 +566,7 @@ function ConnectedDashboardsPage({
           PanelEditor,
           {
             value: editingPanel.panel,
-            onChange: (panel) => setEditingPanel({ ...editingPanel, panel }),
+            onChange: (panel2) => setEditingPanel({ ...editingPanel, panel: panel2 }),
             labels: editorLabels,
             testId: `${testId}-panel-editor`
           }
@@ -421,19 +612,31 @@ function ConnectedDashboardsPage({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                variant: "ghost",
-                onClick: () => void deleteOpen(open),
-                "data-testid": `${testId}-delete`,
-                children: [
-                  /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
-                  " ",
-                  l.delete
-                ]
-              }
-            )
+            /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": l.more,
+                  "data-testid": `${testId}-more`,
+                  children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: /* @__PURE__ */ jsxs(
+                DropdownMenuItem,
+                {
+                  onSelect: () => void deleteOpen(open),
+                  className: "text-destructive focus:text-destructive",
+                  "data-testid": `${testId}-delete`,
+                  children: [
+                    /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
+                    " ",
+                    l.delete
+                  ]
+                }
+              ) })
+            ] })
           ] })
         }
       ),
@@ -478,9 +681,16 @@ function ConnectedDashboardsPage({
       ) }) }, d.id)) })
     ] });
   }
-  return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: content });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("h-full min-h-0 w-full overflow-y-auto p-4 sm:p-6", className),
+      "data-testid": testId,
+      children: content
+    }
+  );
 }
 
-export { ConnectedDashboardsPage, DEFAULT_DASHBOARDS_PAGE_LABELS, OVERVIEW_DASHBOARD, newPanel, newPanelId };
+export { ConnectedDashboardsPage, DASHBOARD_TEMPLATES, DEFAULT_DASHBOARDS_PAGE_LABELS, OVERVIEW_DASHBOARD, newPanel, newPanelId };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map