@arbidocs/blocks 0.4.152 → 0.4.154

package/dist/chunk-REH7PX3N.cjs

@@ -0,0 +1,145 @@
+"use client";
+'use strict';
+
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/home/CollapsibleSection.tsx
+var DEFAULT_COLLAPSIBLE_SECTION_LABELS = {
+  collapseSection: "Collapse section",
+  expandSection: "Expand section"
+};
+function CollapsibleSection({
+  title,
+  icon,
+  isExpanded,
+  onToggle,
+  children,
+  count,
+  hasActiveFilters = false,
+  expandWhenEmpty = false,
+  childrenClassName,
+  headerClassName,
+  className,
+  rightContent,
+  collapsible = true,
+  onHeaderClick,
+  labels
+}) {
+  const l = { ...DEFAULT_COLLAPSIBLE_SECTION_LABELS, ...labels };
+  const hasCount = count !== void 0;
+  const shouldBeExpanded = !collapsible ? true : hasCount ? count > 0 ? isExpanded : expandWhenEmpty && isExpanded : isExpanded;
+  const hasContent = hasCount ? count > 0 || expandWhenEmpty : true;
+  const chevron = /* @__PURE__ */ jsxRuntime.jsx(
+    lucideReact.ChevronRight,
+    {
+      className: ui.cn("size-4 shrink-0 transition-transform", shouldBeExpanded && "rotate-90")
+    }
+  );
+  const titleBlock = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+    icon,
+    typeof title === "string" ? title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: title }) : title,
+    hasCount && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: ui.cn(
+          "ml-1 text-xs tabular-nums",
+          hasActiveFilters ? "rounded-full bg-primary px-1.5 font-medium text-primary-foreground" : "font-normal text-muted-foreground"
+        ),
+        children: count
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("w-full", className), "data-slot": "collapsible-section", children: [
+    onHeaderClick ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        onClick: onHeaderClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onHeaderClick();
+          }
+        },
+        className: ui.cn(
+          "mb-4 flex cursor-pointer items-center justify-between gap-2 font-semibold pointer-coarse:min-h-11 transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          headerClassName
+        ),
+        "data-slot": "collapsible-section-header",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2 text-left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": shouldBeExpanded,
+                "aria-label": shouldBeExpanded ? l.collapseSection : l.expandSection,
+                disabled: !hasContent,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (hasContent) onToggle();
+                },
+                className: "-ml-0.5 shrink-0 rounded-md p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 pointer-coarse:p-3.5",
+                children: chevron
+              }
+            ),
+            titleBlock
+          ] }),
+          rightContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
+        ]
+      }
+    ) : !collapsible ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn("mb-4 flex items-center justify-between", headerClassName),
+        "data-slot": "collapsible-section-header",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-2 text-left font-medium", children: titleBlock }),
+          rightContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: ui.cn("mb-4 flex items-center justify-between", headerClassName),
+        "data-slot": "collapsible-section-header",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "button",
+              tabIndex: hasContent ? 0 : -1,
+              "aria-expanded": shouldBeExpanded,
+              "aria-disabled": !hasContent,
+              onClick: hasContent ? onToggle : void 0,
+              onKeyDown: hasContent ? (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onToggle();
+                }
+              } : void 0,
+              className: ui.cn(
+                "touch-hit flex min-w-0 items-center gap-2 rounded-md text-left font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                hasContent ? "cursor-pointer hover:text-muted-foreground" : "cursor-default opacity-60"
+              ),
+              children: [
+                chevron,
+                titleBlock
+              ]
+            }
+          ),
+          rightContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: rightContent })
+        ]
+      }
+    ),
+    shouldBeExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: childrenClassName ?? "mb-8 flex flex-wrap justify-start gap-6", children })
+  ] });
+}
+
+exports.CollapsibleSection = CollapsibleSection;
+exports.DEFAULT_COLLAPSIBLE_SECTION_LABELS = DEFAULT_COLLAPSIBLE_SECTION_LABELS;
+//# sourceMappingURL=chunk-REH7PX3N.cjs.map
+//# sourceMappingURL=chunk-REH7PX3N.cjs.map

package/dist/chunk-REH7PX3N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/home/CollapsibleSection.tsx"],"names":["jsx","ChevronRight","cn","jsxs"],"mappings":";;;;;;;AAWO,IAAM,kCAAA,GAA+D;AAAA,EAC1E,eAAA,EAAiB,kBAAA;AAAA,EACjB,aAAA,EAAe;AACjB;AAqCO,SAAS,kBAAA,CAAmB;AAAA,EACjC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,gBAAA,GAAmB,KAAA;AAAA,EACnB,eAAA,GAAkB,KAAA;AAAA,EAClB,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,aAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAA,GAAI,EAAE,GAAG,kCAAA,EAAoC,GAAG,MAAA,EAAO;AAC7D,EAAA,MAAM,WAAW,KAAA,KAAU,MAAA;AAC3B,EAAA,MAAM,gBAAA,GAAmB,CAAC,WAAA,GACtB,IAAA,GACA,WACE,KAAA,GAAQ,CAAA,GACN,UAAA,GACA,eAAA,IAAmB,UAAA,GACrB,UAAA;AACN,EAAA,MAAM,UAAA,GAAa,QAAA,GAAW,KAAA,GAAQ,CAAA,IAAK,eAAA,GAAkB,IAAA;AAE7D,EAAA,MAAM,OAAA,mBACJA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,KAAA,CAAG,sCAAA,EAAwC,gBAAA,IAAoB,WAAW;AAAA;AAAA,GACvF;AAEF,EAAA,MAAM,UAAA,mBACJC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,OAAO,UAAU,QAAA,GACd,KAAA,mCAAU,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,KAAA,EAAM,CAAA,GACpD,KAAA;AAAA,IACH,QAAA,oBACCH,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWE,KAAA;AAAA,UACT,2BAAA;AAAA,UACA,mBACI,oEAAA,GACA;AAAA,SACN;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAGF,EAAA,uBACEC,eAAA,CAAC,SAAI,SAAA,EAAWD,KAAA,CAAG,UAAU,SAAS,CAAA,EAAG,aAAU,qBAAA,EAChD,QAAA,EAAA;AAAA,IAAA,aAAA,mBACCC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,CAAA;AAAA,QACV,OAAA,EAAS,aAAA;AAAA,QACT,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,UAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,YAAA,CAAA,CAAE,cAAA,EAAe;AACjB,YAAA,aAAA,EAAc;AAAA,UAChB;AAAA,QACF,CAAA;AAAA,QACA,SAAA,EAAWD,KAAA;AAAA,UACT,+MAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,WAAA,EAAU,4BAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2CAAA,EACb,QAAA,EAAA;AAAA,4BAAAH,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,eAAA,EAAe,gBAAA;AAAA,gBACf,YAAA,EAAY,gBAAA,GAAmB,CAAA,CAAE,eAAA,GAAkB,CAAA,CAAE,aAAA;AAAA,gBACrD,UAAU,CAAC,UAAA;AAAA,gBACX,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,IAAI,YAAY,QAAA,EAAS;AAAA,gBAC3B,CAAA;AAAA,gBACA,SAAA,EAAU,iOAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YACC;AAAA,WAAA,EACH,CAAA;AAAA,UACC,YAAA,oBAAgBA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAA8B,QAAA,EAAA,YAAA,EAAa;AAAA;AAAA;AAAA,KAC7E,GACE,CAAC,WAAA,mBACHG,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,KAAA,CAAG,wCAAA,EAA0C,eAAe,CAAA;AAAA,QACvE,WAAA,EAAU,4BAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uDAAA,EAAyD,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,UAClF,YAAA,oBAAgBA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAA8B,QAAA,EAAA,YAAA,EAAa;AAAA;AAAA;AAAA,KAC7E,mBAEAG,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWD,KAAA,CAAG,wCAAA,EAA0C,eAAe,CAAA;AAAA,QACvE,WAAA,EAAU,4BAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAC,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,EAAU,aAAa,CAAA,GAAI,EAAA;AAAA,cAC3B,eAAA,EAAe,gBAAA;AAAA,cACf,iBAAe,CAAC,UAAA;AAAA,cAChB,OAAA,EAAS,aAAa,QAAA,GAAW,MAAA;AAAA,cACjC,SAAA,EACE,UAAA,GACI,CAAC,CAAA,KAAM;AACL,gBAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,kBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,kBAAA,QAAA,EAAS;AAAA,gBACX;AAAA,cACF,CAAA,GACA,MAAA;AAAA,cAEN,SAAA,EAAWD,KAAA;AAAA,gBACT,wKAAA;AAAA,gBACA,aACI,4CAAA,GACA;AAAA,eACN;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,OAAA;AAAA,gBACA;AAAA;AAAA;AAAA,WACH;AAAA,UACC,YAAA,oBAAgBF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAA8B,QAAA,EAAA,YAAA,EAAa;AAAA;AAAA;AAAA,KAC7E;AAAA,IAED,oCACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,iBAAA,IAAqB,2CAClC,QAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-REH7PX3N.cjs","sourcesContent":["import type { ReactNode } from 'react'\nimport { ChevronRight } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\n\n/** Fixed strings of the section header. */\nexport interface CollapsibleSectionLabels {\n  /** The chevron button's name (only with `onHeaderClick`). */\n  collapseSection: string\n  expandSection: string\n}\n\nexport const DEFAULT_COLLAPSIBLE_SECTION_LABELS: CollapsibleSectionLabels = {\n  collapseSection: 'Collapse section',\n  expandSection: 'Expand section',\n}\n\nexport interface CollapsibleSectionProps {\n  /** The section's heading. A node, so callers can add badges or tooltips. */\n  title: ReactNode\n  /** Leading glyph before the title. */\n  icon?: ReactNode\n  isExpanded: boolean\n  onToggle: () => void\n  children: ReactNode\n  /** Count badge beside the title. When 0 the section cannot expand (unless `expandWhenEmpty`). */\n  count?: number\n  /** The count badge is filled (a filter is active). */\n  hasActiveFilters?: boolean\n  expandWhenEmpty?: boolean\n  /** Class for the body wrapper. */\n  childrenClassName?: string\n  headerClassName?: string\n  className?: string\n  /** Trailing header content. */\n  rightContent?: ReactNode\n  /** When false the section is always open: no chevron, a plain header. */\n  collapsible?: boolean\n  /**\n   * When set, the whole header is one click target firing this (e.g. open a\n   * detail panel) and the chevron becomes its own separate toggle.\n   */\n  onHeaderClick?: () => void\n  labels?: Partial<CollapsibleSectionLabels>\n}\n\n/**\n * A section with a chevron toggle, title, optional count and body. The header\n * is a `role=\"button\"` div (not a native button) because `title`/`rightContent`\n * may hold interactive nodes such as tooltip triggers; a button inside a button\n * is invalid HTML.\n */\nexport function CollapsibleSection({\n  title,\n  icon,\n  isExpanded,\n  onToggle,\n  children,\n  count,\n  hasActiveFilters = false,\n  expandWhenEmpty = false,\n  childrenClassName,\n  headerClassName,\n  className,\n  rightContent,\n  collapsible = true,\n  onHeaderClick,\n  labels,\n}: CollapsibleSectionProps) {\n  const l = { ...DEFAULT_COLLAPSIBLE_SECTION_LABELS, ...labels }\n  const hasCount = count !== undefined\n  const shouldBeExpanded = !collapsible\n    ? true\n    : hasCount\n      ? count > 0\n        ? isExpanded\n        : expandWhenEmpty && isExpanded\n      : isExpanded\n  const hasContent = hasCount ? count > 0 || expandWhenEmpty : true\n\n  const chevron = (\n    <ChevronRight\n      className={cn('size-4 shrink-0 transition-transform', shouldBeExpanded && 'rotate-90')}\n    />\n  )\n  const titleBlock = (\n    <div className=\"flex min-w-0 items-center gap-2\">\n      {icon}\n      {typeof title === 'string'\n        ? title && <span className=\"whitespace-nowrap\">{title}</span>\n        : title}\n      {hasCount && (\n        <span\n          className={cn(\n            'ml-1 text-xs tabular-nums',\n            hasActiveFilters\n              ? 'rounded-full bg-primary px-1.5 font-medium text-primary-foreground'\n              : 'font-normal text-muted-foreground'\n          )}\n        >\n          {count}\n        </span>\n      )}\n    </div>\n  )\n\n  return (\n    <div className={cn('w-full', className)} data-slot=\"collapsible-section\">\n      {onHeaderClick ? (\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={onHeaderClick}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n              onHeaderClick()\n            }\n          }}\n          className={cn(\n            'mb-4 flex cursor-pointer items-center justify-between gap-2 font-semibold pointer-coarse:min-h-11 transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n            headerClassName\n          )}\n          data-slot=\"collapsible-section-header\"\n        >\n          <div className=\"flex min-w-0 items-center gap-2 text-left\">\n            <button\n              type=\"button\"\n              aria-expanded={shouldBeExpanded}\n              aria-label={shouldBeExpanded ? l.collapseSection : l.expandSection}\n              disabled={!hasContent}\n              onClick={(e) => {\n                e.stopPropagation()\n                if (hasContent) onToggle()\n              }}\n              className=\"-ml-0.5 shrink-0 rounded-md p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 pointer-coarse:p-3.5\"\n            >\n              {chevron}\n            </button>\n            {titleBlock}\n          </div>\n          {rightContent && <div className=\"flex shrink-0 items-center\">{rightContent}</div>}\n        </div>\n      ) : !collapsible ? (\n        <div\n          className={cn('mb-4 flex items-center justify-between', headerClassName)}\n          data-slot=\"collapsible-section-header\"\n        >\n          <div className=\"flex min-w-0 items-center gap-2 text-left font-medium\">{titleBlock}</div>\n          {rightContent && <div className=\"flex shrink-0 items-center\">{rightContent}</div>}\n        </div>\n      ) : (\n        <div\n          className={cn('mb-4 flex items-center justify-between', headerClassName)}\n          data-slot=\"collapsible-section-header\"\n        >\n          <div\n            role=\"button\"\n            tabIndex={hasContent ? 0 : -1}\n            aria-expanded={shouldBeExpanded}\n            aria-disabled={!hasContent}\n            onClick={hasContent ? onToggle : undefined}\n            onKeyDown={\n              hasContent\n                ? (e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      onToggle()\n                    }\n                  }\n                : undefined\n            }\n            className={cn(\n              'touch-hit flex min-w-0 items-center gap-2 rounded-md text-left font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n              hasContent\n                ? 'cursor-pointer hover:text-muted-foreground'\n                : 'cursor-default opacity-60'\n            )}\n          >\n            {chevron}\n            {titleBlock}\n          </div>\n          {rightContent && <div className=\"flex shrink-0 items-center\">{rightContent}</div>}\n        </div>\n      )}\n      {shouldBeExpanded && (\n        <div className={childrenClassName ?? 'mb-8 flex flex-wrap justify-start gap-6'}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/chunk-RQKWYKZY.js

@@ -0,0 +1,127 @@
+"use client";
+import { Trash2 } from 'lucide-react';
+import { Tooltip, TooltipTrigger, TooltipContent, cn, Button } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/home/ProjectBandParts.tsx
+function PlainBandTitle({
+  title,
+  count,
+  hint
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", "data-slot": "band-title", children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: count }),
+    hint && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: hint })
+  ] });
+}
+function ProjectBandTitle({
+  name,
+  count,
+  nameTestId,
+  breakdown,
+  readout
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", "data-slot": "band-title", children: [
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-foreground", "data-testid": nameTestId, children: name }) }),
+      breakdown && /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: breakdown })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "text-sm tabular-nums text-muted-foreground", children: count }),
+    readout
+  ] });
+}
+function ProjectBreakdown({ name, badge, meters, dailyCap }) {
+  return /* @__PURE__ */ jsxs("div", { className: "w-64 space-y-2.5", "data-slot": "project-breakdown", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: name }),
+      badge
+    ] }),
+    meters && /* @__PURE__ */ jsxs("div", { className: "space-y-2.5 border-t border-border/50 pt-2.5", children: [
+      meters,
+      dailyCap && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-6 text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: dailyCap.label }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums text-foreground", children: dailyCap.value })
+      ] })
+    ] })
+  ] });
+}
+function ProjectReadout({ plan, usageLabel = "Usage:", usage }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    plan && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "flex items-center whitespace-nowrap",
+        "data-testid": plan.testId,
+        "data-slot": "project-plan",
+        children: plan.badge
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "flex items-center gap-1.5 text-sm text-muted-foreground",
+        "data-testid": usage.testId,
+        "data-slot": "project-usage",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: usageLabel }),
+          usage.node
+        ]
+      }
+    )
+  ] });
+}
+function GridWithSelectionBar({
+  className,
+  grid,
+  bar
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex h-full min-h-0 flex-col", className),
+      "data-slot": "grid-with-selection-bar",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "relative min-h-0 flex-1", children: grid }),
+        bar
+      ]
+    }
+  );
+}
+function BulkDeleteButton({
+  count,
+  isCompact,
+  disabled,
+  onClick,
+  label = "Delete"
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      onClick,
+      disabled,
+      title: label,
+      className: "border-destructive/30 text-destructive hover:bg-destructive hover:text-destructive-foreground pointer-coarse:h-11",
+      children: [
+        /* @__PURE__ */ jsx(Trash2, { className: "size-4" }),
+        isCompact ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }) : /* @__PURE__ */ jsxs("span", { className: "ml-1", children: [
+          label,
+          " ",
+          count > 0 ? `(${count})` : ""
+        ] })
+      ]
+    }
+  );
+}
+function GridCellRow({ testId, children }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "grid-cell-row", "data-testid": testId, className: "flex items-center", children });
+}
+function EmptyCellDash() {
+  return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", "aria-label": "None", children: "\u2014" });
+}
+
+export { BulkDeleteButton, EmptyCellDash, GridCellRow, GridWithSelectionBar, PlainBandTitle, ProjectBandTitle, ProjectBreakdown, ProjectReadout };
+//# sourceMappingURL=chunk-RQKWYKZY.js.map
+//# sourceMappingURL=chunk-RQKWYKZY.js.map

package/dist/chunk-RQKWYKZY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/home/ProjectBandParts.tsx"],"names":[],"mappings":"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","file":"chunk-RQKWYKZY.js","sourcesContent":["import type { ReactNode } from 'react'\nimport { Trash2 } from 'lucide-react'\nimport { Button, cn, Tooltip, TooltipContent, TooltipTrigger } from '@arbidocs/react/ui'\n\n/** Name + count text of a band that has no project to open (\"Common\", own workspaces). */\nexport function PlainBandTitle({\n  title,\n  count,\n  hint,\n}: {\n  title: string\n  count: number\n  /** Muted explanation after the count, e.g. \"Shared with everyone\". */\n  hint?: string\n}) {\n  return (\n    <span className=\"flex items-center gap-2\" data-slot=\"band-title\">\n      <span className=\"truncate text-sm font-semibold text-foreground\">{title}</span>\n      <span className=\"text-sm tabular-nums text-muted-foreground\">{count}</span>\n      {hint && <span className=\"text-sm text-muted-foreground\">{hint}</span>}\n    </span>\n  )\n}\n\nexport interface ProjectBandTitleProps {\n  name: string\n  count: number\n  nameTestId: string\n  /** Full plan / usage breakdown shown as a tooltip on the name. */\n  breakdown?: ReactNode\n  /** Plan badge and usage readout, right after the count. */\n  readout?: ReactNode\n}\n\n/** Title of a project band: name (with breakdown tooltip), count and the plan / usage readout. */\nexport function ProjectBandTitle({\n  name,\n  count,\n  nameTestId,\n  breakdown,\n  readout,\n}: ProjectBandTitleProps) {\n  return (\n    <span className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1\" data-slot=\"band-title\">\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span className=\"truncate text-sm font-semibold text-foreground\" data-testid={nameTestId}>\n            {name}\n          </span>\n        </TooltipTrigger>\n        {breakdown && <TooltipContent side=\"top\">{breakdown}</TooltipContent>}\n      </Tooltip>\n      <span className=\"text-sm tabular-nums text-muted-foreground\">{count}</span>\n      {readout}\n    </span>\n  )\n}\n\nexport interface ProjectBreakdownProps {\n  name: string\n  /** Plan badge (owned projects only). */\n  badge?: ReactNode\n  /** Quota meters; shown for owned projects only. */\n  meters?: ReactNode\n  dailyCap?: { label: string; value: string }\n}\n\n/** Plan + limits panel of the project tooltip. */\nexport function ProjectBreakdown({ name, badge, meters, dailyCap }: ProjectBreakdownProps) {\n  return (\n    <div className=\"w-64 space-y-2.5\" data-slot=\"project-breakdown\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <span className=\"text-sm font-semibold text-foreground\">{name}</span>\n        {badge}\n      </div>\n      {meters && (\n        <div className=\"space-y-2.5 border-t border-border/50 pt-2.5\">\n          {meters}\n          {dailyCap && (\n            <div className=\"flex items-center justify-between gap-6 text-xs\">\n              <span className=\"text-muted-foreground\">{dailyCap.label}</span>\n              <span className=\"font-medium tabular-nums text-foreground\">{dailyCap.value}</span>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport interface ProjectReadoutProps {\n  /** Plan badge, with the id of its wrapper. */\n  plan?: { badge: ReactNode; testId: string }\n  usageLabel?: string\n  /** The quota meter (a slot: it needs the host's formatter), with its wrapper's test id. */\n  usage: { testId: string; node: ReactNode }\n}\n\n/** Plan / usage readout beside a project name: always visible, nothing hover-only. */\nexport function ProjectReadout({ plan, usageLabel = 'Usage:', usage }: ProjectReadoutProps) {\n  return (\n    <>\n      {plan && (\n        <span\n          className=\"flex items-center whitespace-nowrap\"\n          data-testid={plan.testId}\n          data-slot=\"project-plan\"\n        >\n          {plan.badge}\n        </span>\n      )}\n      <span\n        className=\"flex items-center gap-1.5 text-sm text-muted-foreground\"\n        data-testid={usage.testId}\n        data-slot=\"project-usage\"\n      >\n        <span>{usageLabel}</span>\n        {usage.node}\n      </span>\n    </>\n  )\n}\n\n/** Column filling its container: scrolling grid on top, selection bar underneath. */\nexport function GridWithSelectionBar({\n  className,\n  grid,\n  bar,\n}: {\n  className?: string\n  grid: ReactNode\n  bar: ReactNode\n}) {\n  return (\n    <div\n      className={cn('flex h-full min-h-0 flex-col', className)}\n      data-slot=\"grid-with-selection-bar\"\n    >\n      <div className=\"relative min-h-0 flex-1\">{grid}</div>\n      {bar}\n    </div>\n  )\n}\n\nexport interface BulkDeleteButtonProps {\n  count: number\n  /** Icon only (a narrow selection bar). */\n  isCompact: boolean\n  disabled?: boolean\n  onClick: () => void\n  label?: string\n}\n\n/** \"Delete (n)\" of a selection bar. */\nexport function BulkDeleteButton({\n  count,\n  isCompact,\n  disabled,\n  onClick,\n  label = 'Delete',\n}: BulkDeleteButtonProps) {\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      onClick={onClick}\n      disabled={disabled}\n      title={label}\n      className=\"border-destructive/30 text-destructive hover:bg-destructive hover:text-destructive-foreground pointer-coarse:h-11\"\n    >\n      <Trash2 className=\"size-4\" />\n      {isCompact ? (\n        <span className=\"sr-only\">{label}</span>\n      ) : (\n        <span className=\"ml-1\">\n          {label} {count > 0 ? `(${count})` : ''}\n        </span>\n      )}\n    </Button>\n  )\n}\n\n/** Single-line row inside a grid cell (identity pill, avatars). */\nexport function GridCellRow({ testId, children }: { testId?: string; children: ReactNode }) {\n  return (\n    <div data-slot=\"grid-cell-row\" data-testid={testId} className=\"flex items-center\">\n      {children}\n    </div>\n  )\n}\n\n/** Muted em dash of an empty grid cell. */\nexport function EmptyCellDash() {\n  return (\n    <span className=\"text-muted-foreground\" aria-label=\"None\">\n      —\n    </span>\n  )\n}\n"]}

package/dist/{chunk-U6JQ4KMX.cjs → chunk-SN2GZ4ZM.cjs}

@@ -2033,6 +2033,32 @@ function SyncFolderStatus({
     }
   );
 }
+
+// src/settings/tri-state-filters.ts
+function applyTriStateFilters(items, filterStates, getAttributes) {
+  const includeKeys = [];
+  const excludeKeys = [];
+  for (const [key, state] of filterStates.entries()) {
+    if (state === "include") includeKeys.push(key);
+    else if (state === "exclude") excludeKeys.push(key);
+  }
+  if (includeKeys.length === 0 && excludeKeys.length === 0) {
+    return items;
+  }
+  return items.filter((item) => {
+    const attributes = getAttributes(item);
+    for (const key of excludeKeys) {
+      if (attributes[key]) return false;
+    }
+    if (includeKeys.length === 0) {
+      return true;
+    }
+    for (const key of includeKeys) {
+      if (attributes[key]) return true;
+    }
+    return false;
+  });
+}
 function FilterChip({
   label,
   state,
@@ -5172,6 +5198,7 @@ exports.WelcomeDialog = WelcomeDialog;
 exports.WelcomeProjectPicker = WelcomeProjectPicker;
 exports.WorkOfflineToggle = WorkOfflineToggle;
 exports.applyInvertedIndexFilter = applyInvertedIndexFilter;
+exports.applyTriStateFilters = applyTriStateFilters;
 exports.buildInvertedIndex = buildInvertedIndex;
 exports.formatSessionTtl = formatSessionTtl;
 exports.resolveSettingsSection = resolveSettingsSection;
@@ -5180,5 +5207,5 @@ exports.toActiveSessionViews = toActiveSessionViews;
 exports.toDeleteBlockerViews = toDeleteBlockerViews;
 exports.toLogoutSessionViews = toLogoutSessionViews;
 exports.toNotificationCategories = toNotificationCategories;
-//# sourceMappingURL=chunk-U6JQ4KMX.cjs.map
-//# sourceMappingURL=chunk-U6JQ4KMX.cjs.map
+//# sourceMappingURL=chunk-SN2GZ4ZM.cjs.map
+//# sourceMappingURL=chunk-SN2GZ4ZM.cjs.map