@arbidocs/blocks 0.4.144 → 0.4.145

package/dist/{chunk-QIMVTGKS.cjs → chunk-U73KPFYH.cjs}

@@ -2,6 +2,7 @@
 'use strict';
 
 var chunkADOKTJHV_cjs = require('./chunk-ADOKTJHV.cjs');
+var chunk7RGLTF76_cjs = require('./chunk-7RGLTF76.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
@@ -1425,6 +1426,243 @@ var EMAIL_NOTIFICATION_KEYS = EMAIL_NOTIFICATION_CATEGORIES.map(
 function toNotificationCategories(checked, defs = EMAIL_NOTIFICATION_CATEGORIES) {
   return defs.map((def) => ({ ...def, checked: checked[def.key] ?? true }));
 }
+function PanelFrame({ testId, className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "panel-frame",
+      "data-testid": testId,
+      className: ui.cn("flex h-full min-h-0 flex-col bg-background", className),
+      children
+    }
+  );
+}
+function PanelFrameBody({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-frame-body", className: ui.cn("min-h-0 flex-1 overflow-hidden", className), children });
+}
+function PanelScroll({ variant = "flush", className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "panel-scroll",
+      className: ui.cn("h-full overflow-auto", variant === "padded" && "space-y-4 p-3", className),
+      children
+    }
+  );
+}
+function PanelActionsRow({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-actions-row", className: ui.cn("flex justify-end", className), children });
+}
+function PanelAddButton({
+  label,
+  onClick,
+  isCompact,
+  icon,
+  testId,
+  disabledReason
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      disabled: !!disabledReason,
+      title: disabledReason ?? label,
+      "data-slot": "panel-add-button",
+      "data-testid": testId,
+      className: "flex h-8 items-center gap-1.5 rounded-md px-2 text-sm font-medium text-primary transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent pointer-coarse:h-11 pointer-coarse:min-w-11",
+      children: [
+        icon,
+        isCompact ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "New" })
+      ]
+    }
+  );
+}
+function PanelTitleBar({
+  icon,
+  title,
+  end
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "panel-title-bar", className: "flex w-full items-center justify-between px-4 py-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      icon,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: title })
+    ] }),
+    end
+  ] });
+}
+function PanelNote({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-note", className: "py-8 text-center text-muted-foreground", children });
+}
+function resolveSettingsSection(sections, id) {
+  return sections.find((section) => section.id === id) ?? sections[0];
+}
+function SettingsPage({
+  sections,
+  activeSectionId,
+  onSectionChange,
+  title = "Settings",
+  headerActions,
+  children,
+  testId = "settings-page"
+}) {
+  const active = resolveSettingsSection(sections, activeSectionId);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(PanelFrame, { testId, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DraggableHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunk7RGLTF76_cjs.TabHeader,
+        {
+          tabs: sections.map(({ id, label, icon }) => ({ id, label, icon })),
+          activeTabId: active?.id ?? "",
+          onTabChange: onSectionChange,
+          variant: "underline",
+          compactBreakpoint: 0,
+          rightContent: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            active?.actions,
+            headerActions
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(PanelFrameBody, { className: "overflow-auto px-6 pb-6 pt-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mx-auto mb-4 w-full max-w-2xl text-xl font-semibold text-foreground", children: title }),
+        active?.render()
+      ] })
+    ] }),
+    children
+  ] });
+}
+var DOT = {
+  connected: "bg-green-solid",
+  connecting: "bg-yellow-solid",
+  disconnected: "bg-red-solid",
+  offline: "bg-yellow-solid"
+};
+function ServerConnectionButton({
+  state,
+  label,
+  isRefreshing,
+  onRefresh,
+  testId = "refresh-session-button"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      onClick: onRefresh,
+      disabled: isRefreshing,
+      className: "flex items-center gap-2",
+      "data-testid": testId,
+      "data-state": state,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: ui.cn("size-4", isRefreshing && "animate-spin") }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("size-2 rounded-full", DOT[state]), "aria-hidden": true }),
+        label
+      ]
+    }
+  );
+}
+var DEFAULT_WORK_OFFLINE_LABELS = {
+  goOnline: "Go online",
+  workOffline: "Work offline",
+  goOnlineHint: "Reconnect and use ARBI online again",
+  workOfflineHint: "Work offline \u2014 read cached docs and queue edits, even though the server is reachable"
+};
+function WorkOfflineToggle({
+  isOffline,
+  onToggle,
+  labels,
+  testId = "work-offline-toggle"
+}) {
+  const l = { ...DEFAULT_WORK_OFFLINE_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        variant: isOffline ? "secondary" : "outline",
+        size: "icon",
+        onClick: () => onToggle(!isOffline),
+        "aria-label": isOffline ? l.goOnline : l.workOffline,
+        "aria-pressed": isOffline,
+        "data-testid": testId,
+        children: isOffline ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wifi, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: isOffline ? l.goOnlineHint : l.workOfflineHint }) })
+  ] });
+}
+function serverConnectionView({ status, forcedOffline = false, deviceOffline = false }, domain) {
+  const state = forcedOffline || deviceOffline ? "offline" : status === "error" ? "disconnected" : status;
+  const label = forcedOffline ? "Working offline" : deviceOffline ? "Offline" : status === "connected" ? "Connected" : status === "connecting" ? "Connecting" : "Disconnected";
+  const description = deviceOffline && !forcedOffline ? "You're offline. ARBI reconnects by itself when your connection returns." : `${status === "connected" ? `Connected to ${domain}.` : status === "connecting" ? `Connecting to ${domain}...` : `Disconnected from ${domain}.`} Click to refresh your session.`;
+  return { state, label, description };
+}
+var GRID_ACCENT_CLASSES = [
+  "[&_.ag-checkbox-input-wrapper.ag-checked]:!bg-primary",
+  "[&_.ag-checkbox-input-wrapper.ag-checked]:!border-primary",
+  "[&_.ag-checkbox-input-wrapper.ag-checked]:!text-primary-foreground"
+];
+var GRID_ACCENT_VARS = {
+  "--ag-checkbox-checked-color": "hsl(var(--primary))",
+  "--ag-selected-row-background-color": "hsl(var(--accent))"
+};
+function PremiumModelsFrame({
+  enabled,
+  onEnabledChange,
+  title = "Enable Premium Models",
+  description = "Third party AI models are priced on a pass-through basis.",
+  children,
+  toggleTestId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "premium-models-frame", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Switch,
+        {
+          id: "premiumModelToggle",
+          checked: enabled,
+          onCheckedChange: onEnabledChange,
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(toggleTestId, { testId: "toggle-premium-model" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          className: "flex cursor-pointer items-center gap-2 text-sm font-medium",
+          htmlFor: "premiumModelToggle",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "size-4 text-muted-foreground" }),
+            title
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm text-muted-foreground", children: description }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: ui.cn(
+          "transition-opacity",
+          !enabled && "pointer-events-none opacity-50",
+          GRID_ACCENT_CLASSES
+        ),
+        style: GRID_ACCENT_VARS,
+        "aria-disabled": !enabled,
+        children
+      }
+    )
+  ] });
+}
+function ModelProviderLabel({ logo, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-slot": "model-provider", className: "flex items-center gap-1.5", children: [
+    logo,
+    children
+  ] });
+}
 
 exports.ActiveSessionsDialog = ActiveSessionsDialog;
 exports.AvatarPicker = AvatarPicker;
@@ -1436,6 +1674,7 @@ exports.DEFAULT_LOGOUT_DIALOG_LABELS = DEFAULT_LOGOUT_DIALOG_LABELS;
 exports.DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS = DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS;
 exports.DEFAULT_PROFILE_CARD_LABELS = DEFAULT_PROFILE_CARD_LABELS;
 exports.DEFAULT_SETTINGS_DANGER_ZONE_LABELS = DEFAULT_SETTINGS_DANGER_ZONE_LABELS;
+exports.DEFAULT_WORK_OFFLINE_LABELS = DEFAULT_WORK_OFFLINE_LABELS;
 exports.DeleteAccountDialog = DeleteAccountDialog;
 exports.DraggableHeader = DraggableHeader;
 exports.EMAIL_NOTIFICATION_CATEGORIES = EMAIL_NOTIFICATION_CATEGORIES;
@@ -1443,22 +1682,36 @@ exports.EMAIL_NOTIFICATION_KEYS = EMAIL_NOTIFICATION_KEYS;
 exports.IdentityVerificationCard = IdentityVerificationCard;
 exports.IdentityVerificationDialog = IdentityVerificationDialog;
 exports.LogoutDialog = LogoutDialog;
+exports.ModelProviderLabel = ModelProviderLabel;
 exports.NotificationCategoryList = NotificationCategoryList;
+exports.PanelActionsRow = PanelActionsRow;
+exports.PanelAddButton = PanelAddButton;
+exports.PanelFrame = PanelFrame;
+exports.PanelFrameBody = PanelFrameBody;
+exports.PanelNote = PanelNote;
+exports.PanelScroll = PanelScroll;
+exports.PanelTitleBar = PanelTitleBar;
 exports.PasswordChangeDialog = PasswordChangeDialog;
+exports.PremiumModelsFrame = PremiumModelsFrame;
 exports.ProfileCard = ProfileCard;
 exports.RequireVerified = RequireVerified;
+exports.ServerConnectionButton = ServerConnectionButton;
 exports.SettingsActionRow = SettingsActionRow;
 exports.SettingsCard = SettingsCard;
 exports.SettingsDangerZone = SettingsDangerZone;
+exports.SettingsPage = SettingsPage;
 exports.SettingsPanel = SettingsPanel;
 exports.SettingsRow = SettingsRow;
 exports.SettingsSection = SettingsSection;
 exports.SettingsSwitchGroup = SettingsSwitchGroup;
 exports.SettingsSwitchRow = SettingsSwitchRow;
+exports.WorkOfflineToggle = WorkOfflineToggle;
 exports.formatSessionTtl = formatSessionTtl;
+exports.resolveSettingsSection = resolveSettingsSection;
+exports.serverConnectionView = serverConnectionView;
 exports.toActiveSessionViews = toActiveSessionViews;
 exports.toDeleteBlockerViews = toDeleteBlockerViews;
 exports.toLogoutSessionViews = toLogoutSessionViews;
 exports.toNotificationCategories = toNotificationCategories;
-//# sourceMappingURL=chunk-QIMVTGKS.cjs.map
-//# sourceMappingURL=chunk-QIMVTGKS.cjs.map
+//# sourceMappingURL=chunk-U73KPFYH.cjs.map
+//# sourceMappingURL=chunk-U73KPFYH.cjs.map