@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/shell/notification-preferences.js

@@ -1,185 +1,242 @@
 "use client";
-import { jsxs as t, Fragment as B, jsx as e } from "react/jsx-runtime";
-import * as U from "react";
-import { useState as n } from "react";
-import { Button as g } from "../ui/button.js";
-import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as s } from "../ui/select.js";
-import { Dialog as q, DialogContent as J, DialogHeader as K, DialogTitle as Q, DialogDescription as W } from "../ui/dialog.js";
-import { Switch as T } from "../ui/switch.js";
-import { Card as X, CardHeader as Y, CardTitle as Z, CardContent as $ } from "../ui/card.js";
-import { IconPlus as ee, IconTrash as le, IconMessage as te, IconBell as ne } from "@tabler/icons-react";
-import { Icon as f } from "../ui/icon.js";
-import { cn as se } from "../ui/lib/utils.js";
-import { Spinner as ie } from "../ui/spinner.js";
-const O = {
-  IN_APP: { label: "In-App", icon: /* @__PURE__ */ e(f, { icon: ne, size: "sm" }) },
-  GOOGLE_CHAT: { label: "Google Chat", icon: /* @__PURE__ */ e(f, { icon: te, size: "sm" }) }
-}, F = {
-  INFO: "All (Info+)",
-  IMPORTANT: "Important+",
-  CRITICAL: "Critical only"
-}, ce = U.forwardRef(
-  function({
-    preferences: u = [],
-    projects: N = [],
-    isLoading: k = !1,
-    onSave: x,
-    onToggleMute: M,
-    onUpdateTier: _,
-    onDelete: D,
-    className: G,
-    ...L
-  }, R) {
-    const [z, i] = n(!1), [p, b] = n("global"), [v, C] = n("IN_APP"), [I, w] = n("INFO"), [A, P] = n(!1), [j, S] = n(!1), E = async () => {
-      if (x) {
-        S(!0);
-        try {
-          await x({
-            projectId: p === "global" ? null : p,
-            channel: v,
-            minTier: I,
-            muted: A
-          }), i(!1), y();
-        } catch (l) {
-          console.error("[Preferences] Failed to save:", l);
-        } finally {
-          S(!1);
-        }
-      }
-    }, y = () => {
-      b("global"), C("IN_APP"), w("INFO"), P(!1);
-    }, H = (l) => l ? N.find((a) => a.id === l)?.title || "Unknown project" : "Global (all projects)";
-    return /* @__PURE__ */ t(B, { children: [
-      /* @__PURE__ */ t(X, { ref: R, className: G, ...L, children: [
-        /* @__PURE__ */ t(Y, { className: "flex flex-row items-center justify-between space-y-0 pb-ds-04", children: [
-          /* @__PURE__ */ e(Z, { className: "text-ds-md font-semibold", children: "Notification Preferences" }),
-          /* @__PURE__ */ t(
-            g,
-            {
-              size: "sm",
-              variant: "outline",
-              onClick: () => i(!0),
-              children: [
-                /* @__PURE__ */ e(f, { icon: ee, size: "sm", className: "mr-ds-02b" }),
-                "Add Rule"
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e($, { children: k ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e(ie, {}) }) : u.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: u.map((l, c) => {
-          const a = O[l.channel] || O.IN_APP;
-          return /* @__PURE__ */ t(
-            "div",
-            {
-              className: se(
-                "flex items-center gap-ds-05 py-ds-04",
-                c < u.length - 1 && "border-b border-surface-border-strong"
-              ),
-              children: [
-                /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-raised", children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted", "aria-hidden": "true", children: a.icon }) }),
-                /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-surface-fg", children: a.label }),
-                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: H(l.projectId) })
-                ] }),
-                /* @__PURE__ */ t(
-                  d,
-                  {
-                    value: l.minTier,
-                    onValueChange: (r) => _?.(l, r),
-                    children: [
-                      /* @__PURE__ */ e(o, { className: "h-ds-xs-plus w-[130px] text-ds-sm", children: /* @__PURE__ */ e(m, {}) }),
-                      /* @__PURE__ */ e(h, { children: Object.entries(F).map(([r, V]) => /* @__PURE__ */ e(s, { value: r, children: V }, r)) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02b", children: [
-                  /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: l.muted ? "Muted" : "Active" }),
-                  /* @__PURE__ */ e(
-                    T,
-                    {
-                      checked: !l.muted,
-                      onCheckedChange: () => M?.(l)
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => D?.(l.id),
-                    className: "shrink-0 rounded p-ds-02b text-surface-fg-subtle transition-colors hover:bg-surface-raised hover:text-error-11",
-                    children: /* @__PURE__ */ e(f, { icon: le, size: "sm" })
-                  }
-                )
-              ]
-            },
-            l.id
-          );
-        }) }) })
-      ] }),
-      /* @__PURE__ */ e(q, { open: z, onOpenChange: i, children: /* @__PURE__ */ t(J, { className: "sm:max-w-md", children: [
-        /* @__PURE__ */ t(K, { children: [
-          /* @__PURE__ */ e(Q, { children: "Add Notification Rule" }),
-          /* @__PURE__ */ e(W, { children: "Customize how you receive notifications for a specific channel and project." })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-05 pt-ds-03", children: [
-          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-scope", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Scope" }),
-            /* @__PURE__ */ t(d, { value: p, onValueChange: b, children: [
-              /* @__PURE__ */ e(o, { id: "pref-scope", children: /* @__PURE__ */ e(m, { placeholder: "Select scope" }) }),
-              /* @__PURE__ */ t(h, { children: [
-                /* @__PURE__ */ e(s, { value: "global", children: "Global (all projects)" }),
-                N.map((l) => /* @__PURE__ */ e(s, { value: l.id, children: l.title }, l.id))
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-channel", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Channel" }),
-            /* @__PURE__ */ t(d, { value: v, onValueChange: C, children: [
-              /* @__PURE__ */ e(o, { id: "pref-channel", children: /* @__PURE__ */ e(m, {}) }),
-              /* @__PURE__ */ t(h, { children: [
-                /* @__PURE__ */ e(s, { value: "IN_APP", children: "In-App" }),
-                /* @__PURE__ */ e(s, { value: "GOOGLE_CHAT", children: "Google Chat" })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-min-tier", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Minimum Tier" }),
-            /* @__PURE__ */ t(d, { value: I, onValueChange: w, children: [
-              /* @__PURE__ */ e(o, { id: "pref-min-tier", children: /* @__PURE__ */ e(m, {}) }),
-              /* @__PURE__ */ e(h, { children: Object.entries(F).map(([l, c]) => /* @__PURE__ */ e(s, { value: l, children: c }, l)) })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-muted", className: "text-ds-md text-surface-fg", children: "Mute this channel" }),
-            /* @__PURE__ */ e(T, { id: "pref-muted", checked: A, onCheckedChange: P })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex justify-end gap-ds-03 pt-ds-03", children: [
-            /* @__PURE__ */ e(
-              g,
-              {
-                variant: "ghost",
-                onClick: () => {
-                  i(!1), y();
-                },
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ e(
-              g,
-              {
-                onClick: E,
-                disabled: j,
-                children: j ? "Saving..." : "Save Rule"
-              }
-            )
-          ] })
-        ] })
-      ] }) })
-    ] });
-  }
-);
-ce.displayName = "NotificationPreferences";
-export {
-  ce as NotificationPreferences
-};
+import { cn as e } from "../ui/lib/utils.js";
+import { Spinner as t } from "../ui/spinner.js";
+import { Icon as n } from "../ui/icon.js";
+import { Button as r } from "../ui/button.js";
+import { Card as i, CardContent as a, CardHeader as o, CardTitle as s } from "../ui/card.js";
+import { Dialog as c, DialogContent as l, DialogDescription as u, DialogHeader as d, DialogTitle as f } from "../ui/dialog.js";
+import { Switch as p } from "../ui/switch.js";
+import { Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../ui/select.js";
+import * as y from "react";
+import { useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { IconBell as w, IconMessage as T, IconPlus as E, IconTrash as D } from "@tabler/icons-react";
+//#region src/shell/notification-preferences.tsx
+var O = {
+	IN_APP: {
+		label: "In-App",
+		icon: /* @__PURE__ */ S(n, {
+			icon: w,
+			size: "sm"
+		})
+	},
+	GOOGLE_CHAT: {
+		label: "Google Chat",
+		icon: /* @__PURE__ */ S(n, {
+			icon: T,
+			size: "sm"
+		})
+	}
+}, k = {
+	INFO: "All (Info+)",
+	IMPORTANT: "Important+",
+	CRITICAL: "Critical only"
+}, A = y.forwardRef(function({ preferences: y = [], projects: w = [], isLoading: T = !1, onSave: A, onToggleMute: j, onUpdateTier: M, onDelete: N, className: P, ...F }, I) {
+	let [L, R] = b(!1), [z, B] = b("global"), [V, H] = b("IN_APP"), [U, W] = b("INFO"), [G, K] = b(!1), [q, J] = b(!1), Y = async () => {
+		if (A) {
+			J(!0);
+			try {
+				await A({
+					projectId: z === "global" ? null : z,
+					channel: V,
+					minTier: U,
+					muted: G
+				}), R(!1), X();
+			} catch (e) {
+				console.error("[Preferences] Failed to save:", e);
+			} finally {
+				J(!1);
+			}
+		}
+	}, X = () => {
+		B("global"), H("IN_APP"), W("INFO"), K(!1);
+	}, Z = (e) => e ? w.find((t) => t.id === e)?.title || "Unknown project" : "Global (all projects)";
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C(i, {
+		ref: I,
+		className: P,
+		...F,
+		children: [/* @__PURE__ */ C(o, {
+			className: "flex flex-row items-center justify-between space-y-0 pb-ds-04",
+			children: [/* @__PURE__ */ S(s, {
+				className: "text-ds-md font-semibold",
+				children: "Notification Preferences"
+			}), /* @__PURE__ */ C(r, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => R(!0),
+				children: [/* @__PURE__ */ S(n, {
+					icon: E,
+					size: "sm",
+					className: "mr-ds-02b"
+				}), "Add Rule"]
+			})]
+		}), /* @__PURE__ */ S(a, { children: T ? /* @__PURE__ */ S("div", {
+			className: "flex items-center justify-center py-ds-07",
+			children: /* @__PURE__ */ S(t, {})
+		}) : y.length === 0 ? /* @__PURE__ */ S("div", {
+			className: "py-ds-07 text-center",
+			children: /* @__PURE__ */ S("p", {
+				className: "text-ds-md text-surface-fg-subtle",
+				children: "No custom preferences set. All notifications are delivered by default."
+			})
+		}) : /* @__PURE__ */ S("div", {
+			className: "flex flex-col",
+			children: y.map((t, r) => {
+				let i = O[t.channel] || O.IN_APP;
+				return /* @__PURE__ */ C("div", {
+					className: e("flex items-center gap-ds-05 py-ds-04", r < y.length - 1 && "border-b border-surface-border-strong"),
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-raised",
+							children: /* @__PURE__ */ S("span", {
+								className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted",
+								"aria-hidden": "true",
+								children: i.icon
+							})
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-ds-md font-medium text-surface-fg",
+								children: i.label
+							}), /* @__PURE__ */ S("p", {
+								className: "text-ds-sm text-surface-fg-subtle",
+								children: Z(t.projectId)
+							})]
+						}),
+						/* @__PURE__ */ C(m, {
+							value: t.minTier,
+							onValueChange: (e) => M?.(t, e),
+							children: [/* @__PURE__ */ S(_, {
+								className: "h-ds-xs-plus w-[130px] text-ds-sm",
+								children: /* @__PURE__ */ S(v, {})
+							}), /* @__PURE__ */ S(h, { children: Object.entries(k).map(([e, t]) => /* @__PURE__ */ S(g, {
+								value: e,
+								children: t
+							}, e)) })]
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "flex items-center gap-ds-02b",
+							children: [/* @__PURE__ */ S("span", {
+								className: "text-ds-sm text-surface-fg-subtle",
+								children: t.muted ? "Muted" : "Active"
+							}), /* @__PURE__ */ S(p, {
+								checked: !t.muted,
+								onCheckedChange: () => j?.(t)
+							})]
+						}),
+						/* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: () => N?.(t.id),
+							className: "shrink-0 rounded p-ds-02b text-surface-fg-subtle transition-colors hover:bg-surface-raised hover:text-error-11",
+							children: /* @__PURE__ */ S(n, {
+								icon: D,
+								size: "sm"
+							})
+						})
+					]
+				}, t.id);
+			})
+		}) })]
+	}), /* @__PURE__ */ S(c, {
+		open: L,
+		onOpenChange: R,
+		children: /* @__PURE__ */ C(l, {
+			className: "sm:max-w-md",
+			children: [/* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S(f, { children: "Add Notification Rule" }), /* @__PURE__ */ S(u, { children: "Customize how you receive notifications for a specific channel and project." })] }), /* @__PURE__ */ C("div", {
+				className: "flex flex-col gap-ds-05 pt-ds-03",
+				children: [
+					/* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-ds-02b",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-scope",
+							className: "text-ds-sm font-medium text-surface-fg-muted",
+							children: "Scope"
+						}), /* @__PURE__ */ C(m, {
+							value: z,
+							onValueChange: B,
+							children: [/* @__PURE__ */ S(_, {
+								id: "pref-scope",
+								children: /* @__PURE__ */ S(v, { placeholder: "Select scope" })
+							}), /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(g, {
+								value: "global",
+								children: "Global (all projects)"
+							}), w.map((e) => /* @__PURE__ */ S(g, {
+								value: e.id,
+								children: e.title
+							}, e.id))] })]
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-ds-02b",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-channel",
+							className: "text-ds-sm font-medium text-surface-fg-muted",
+							children: "Channel"
+						}), /* @__PURE__ */ C(m, {
+							value: V,
+							onValueChange: H,
+							children: [/* @__PURE__ */ S(_, {
+								id: "pref-channel",
+								children: /* @__PURE__ */ S(v, {})
+							}), /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(g, {
+								value: "IN_APP",
+								children: "In-App"
+							}), /* @__PURE__ */ S(g, {
+								value: "GOOGLE_CHAT",
+								children: "Google Chat"
+							})] })]
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-ds-02b",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-min-tier",
+							className: "text-ds-sm font-medium text-surface-fg-muted",
+							children: "Minimum Tier"
+						}), /* @__PURE__ */ C(m, {
+							value: U,
+							onValueChange: W,
+							children: [/* @__PURE__ */ S(_, {
+								id: "pref-min-tier",
+								children: /* @__PURE__ */ S(v, {})
+							}), /* @__PURE__ */ S(h, { children: Object.entries(k).map(([e, t]) => /* @__PURE__ */ S(g, {
+								value: e,
+								children: t
+							}, e)) })]
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-muted",
+							className: "text-ds-md text-surface-fg",
+							children: "Mute this channel"
+						}), /* @__PURE__ */ S(p, {
+							id: "pref-muted",
+							checked: G,
+							onCheckedChange: K
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex justify-end gap-ds-03 pt-ds-03",
+						children: [/* @__PURE__ */ S(r, {
+							variant: "ghost",
+							onClick: () => {
+								R(!1), X();
+							},
+							children: "Cancel"
+						}), /* @__PURE__ */ S(r, {
+							onClick: Y,
+							disabled: q,
+							children: q ? "Saving..." : "Save Rule"
+						})]
+					})
+				]
+			})]
+		})
+	})] });
+});
+A.displayName = "NotificationPreferences";
+//#endregion
+export { A as NotificationPreferences };

package/dist/shell/notification-preferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-preferences.js","names":[],"sources":["../../src/shell/notification-preferences.tsx"],"sourcesContent":["'use client'\n\n/**\n * NotificationPreferences -- Manage notification rules per channel/project.\n *\n * Props-driven: accepts preferences array, projects, and callbacks.\n * No internal fetching -- the consumer is responsible for data loading.\n */\nimport * as React from 'react'\nimport { useState } from 'react'\nimport { Button } from '../ui/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../ui/select'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/dialog'\nimport { Switch } from '../ui/switch'\nimport { Card, CardHeader, CardTitle, CardContent } from '../ui/card'\nimport { IconPlus, IconTrash, IconBell, IconMessage } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { Spinner } from '../ui/spinner'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface NotificationPreference {\n  id: string\n  userId?: string\n  projectId: string | null\n  channel: string\n  minTier: string\n  muted: boolean\n}\n\nexport interface NotificationProject {\n  id: string\n  title: string\n}\n\nexport interface NotificationPreferencesProps\n  extends Omit<React.ComponentPropsWithRef<'div'>, 'onSave'> {\n  /** Current preference rules */\n  preferences?: NotificationPreference[]\n  /** Available projects for scoping rules */\n  projects?: NotificationProject[]\n  /** Whether data is loading */\n  isLoading?: boolean\n  /** Called to add or update a preference */\n  onSave?: (preference: {\n    projectId: string | null\n    channel: string\n    minTier: string\n    muted: boolean\n  }) => void | Promise<void>\n  /** Called to toggle mute on a preference */\n  onToggleMute?: (preference: NotificationPreference) => void | Promise<void>\n  /** Called to update the tier on a preference */\n  onUpdateTier?: (\n    preference: NotificationPreference,\n    newTier: string,\n  ) => void | Promise<void>\n  /** Called to delete a preference */\n  onDelete?: (preferenceId: string) => void | Promise<void>\n  /** Additional className */\n  className?: string\n}\n\n// -----------------------------------------------------------------------\n// Constants\n// -----------------------------------------------------------------------\n\nconst CHANNEL_LABELS: Record<string, { label: string; icon: React.ReactNode }> = {\n  IN_APP: { label: 'In-App', icon: <Icon icon={IconBell} size=\"sm\" /> },\n  GOOGLE_CHAT: { label: 'Google Chat', icon: <Icon icon={IconMessage} size=\"sm\" /> },\n}\n\nconst TIER_LABELS: Record<string, string> = {\n  INFO: 'All (Info+)',\n  IMPORTANT: 'Important+',\n  CRITICAL: 'Critical only',\n}\n\n// -----------------------------------------------------------------------\n// NotificationPreferences\n// -----------------------------------------------------------------------\n\nconst NotificationPreferences = React.forwardRef<HTMLDivElement, NotificationPreferencesProps>(\n  function NotificationPreferences(\n    {\n      preferences = [],\n      projects = [],\n      isLoading = false,\n      onSave,\n      onToggleMute,\n      onUpdateTier,\n      onDelete,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n  const [showAddDialog, setShowAddDialog] = useState(false)\n  const [newProjectId, setNewProjectId] = useState<string>('global')\n  const [newChannel, setNewChannel] = useState<string>('IN_APP')\n  const [newMinTier, setNewMinTier] = useState<string>('INFO')\n  const [newMuted, setNewMuted] = useState(false)\n  const [isSaving, setIsSaving] = useState(false)\n\n  const handleAdd = async () => {\n    if (!onSave) return\n    setIsSaving(true)\n    try {\n      await onSave({\n        projectId: newProjectId === 'global' ? null : newProjectId,\n        channel: newChannel,\n        minTier: newMinTier,\n        muted: newMuted,\n      })\n      setShowAddDialog(false)\n      resetForm()\n    } catch (error) {\n      console.error('[Preferences] Failed to save:', error)\n    } finally {\n      setIsSaving(false)\n    }\n  }\n\n  const resetForm = () => {\n    setNewProjectId('global')\n    setNewChannel('IN_APP')\n    setNewMinTier('INFO')\n    setNewMuted(false)\n  }\n\n  const getProjectName = (projectId: string | null) => {\n    if (!projectId) return 'Global (all projects)'\n    const project = projects.find((p) => p.id === projectId)\n    return project?.title || 'Unknown project'\n  }\n\n  return (\n    <>\n      <Card ref={ref} className={className} {...(props as Omit<typeof props, 'color'>)}>\n        <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-ds-04\">\n          <CardTitle className=\"text-ds-md font-semibold\">\n            Notification Preferences\n          </CardTitle>\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => setShowAddDialog(true)}\n          >\n            <Icon icon={IconPlus} size=\"sm\" className=\"mr-ds-02b\" />\n            Add Rule\n          </Button>\n        </CardHeader>\n        <CardContent>\n          {isLoading ? (\n            <div className=\"flex items-center justify-center py-ds-07\">\n              <Spinner />\n            </div>\n          ) : preferences.length === 0 ? (\n            <div className=\"py-ds-07 text-center\">\n              <p className=\"text-ds-md text-surface-fg-subtle\">\n                No custom preferences set. All notifications are delivered by\n                default.\n              </p>\n            </div>\n          ) : (\n            <div className=\"flex flex-col\">\n              {preferences.map((pref, i) => {\n                const channelInfo =\n                  CHANNEL_LABELS[pref.channel] || CHANNEL_LABELS.IN_APP\n                return (\n                  <div\n                    key={pref.id}\n                    className={cn(\n                      'flex items-center gap-ds-05 py-ds-04',\n                      i < preferences.length - 1 &&\n                        'border-b border-surface-border-strong',\n                    )}\n                  >\n                    {/* Channel icon */}\n                    <div className=\"flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-raised\">\n                      <span className=\"[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted\" aria-hidden=\"true\">{channelInfo.icon}</span>\n                    </div>\n\n                    {/* Info */}\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"text-ds-md font-medium text-surface-fg\">\n                        {channelInfo.label}\n                      </p>\n                      <p className=\"text-ds-sm text-surface-fg-subtle\">\n                        {getProjectName(pref.projectId)}\n                      </p>\n                    </div>\n\n                    {/* Min tier */}\n                    <Select\n                      value={pref.minTier}\n                      onValueChange={(v) => onUpdateTier?.(pref, v)}\n                    >\n                      <SelectTrigger className=\"h-ds-xs-plus w-[130px] text-ds-sm\">\n                        <SelectValue />\n                      </SelectTrigger>\n                      <SelectContent>\n                        {Object.entries(TIER_LABELS).map(([key, label]) => (\n                          <SelectItem key={key} value={key}>\n                            {label}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n\n                    {/* Muted toggle */}\n                    <div className=\"flex items-center gap-ds-02b\">\n                      <span className=\"text-ds-sm text-surface-fg-subtle\">\n                        {pref.muted ? 'Muted' : 'Active'}\n                      </span>\n                      <Switch\n                        checked={!pref.muted}\n                        onCheckedChange={() => onToggleMute?.(pref)}\n                      />\n                    </div>\n\n                    {/* Delete */}\n                    <button\n                      type=\"button\"\n                      onClick={() => onDelete?.(pref.id)}\n                      className=\"shrink-0 rounded p-ds-02b text-surface-fg-subtle transition-colors hover:bg-surface-raised hover:text-error-11\"\n                    >\n                      <Icon icon={IconTrash} size=\"sm\" />\n                    </button>\n                  </div>\n                )\n              })}\n            </div>\n          )}\n        </CardContent>\n      </Card>\n\n      {/* Add Preference Dialog */}\n      <Dialog open={showAddDialog} onOpenChange={setShowAddDialog}>\n        <DialogContent className=\"sm:max-w-md\">\n          <DialogHeader>\n            <DialogTitle>Add Notification Rule</DialogTitle>\n            <DialogDescription>\n              Customize how you receive notifications for a specific channel\n              and project.\n            </DialogDescription>\n          </DialogHeader>\n          <div className=\"flex flex-col gap-ds-05 pt-ds-03\">\n            <div className=\"flex flex-col gap-ds-02b\">\n              <label htmlFor=\"pref-scope\" className=\"text-ds-sm font-medium text-surface-fg-muted\">\n                Scope\n              </label>\n              <Select value={newProjectId} onValueChange={setNewProjectId}>\n                <SelectTrigger id=\"pref-scope\">\n                  <SelectValue placeholder=\"Select scope\" />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"global\">\n                    Global (all projects)\n                  </SelectItem>\n                  {projects.map((p) => (\n                    <SelectItem key={p.id} value={p.id}>\n                      {p.title}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex flex-col gap-ds-02b\">\n              <label htmlFor=\"pref-channel\" className=\"text-ds-sm font-medium text-surface-fg-muted\">\n                Channel\n              </label>\n              <Select value={newChannel} onValueChange={setNewChannel}>\n                <SelectTrigger id=\"pref-channel\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"IN_APP\">In-App</SelectItem>\n                  <SelectItem value=\"GOOGLE_CHAT\">Google Chat</SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex flex-col gap-ds-02b\">\n              <label htmlFor=\"pref-min-tier\" className=\"text-ds-sm font-medium text-surface-fg-muted\">\n                Minimum Tier\n              </label>\n              <Select value={newMinTier} onValueChange={setNewMinTier}>\n                <SelectTrigger id=\"pref-min-tier\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {Object.entries(TIER_LABELS).map(([key, label]) => (\n                    <SelectItem key={key} value={key}>\n                      {label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex items-center justify-between\">\n              <label htmlFor=\"pref-muted\" className=\"text-ds-md text-surface-fg\">\n                Mute this channel\n              </label>\n              <Switch id=\"pref-muted\" checked={newMuted} onCheckedChange={setNewMuted} />\n            </div>\n\n            <div className=\"flex justify-end gap-ds-03 pt-ds-03\">\n              <Button\n                variant=\"ghost\"\n                onClick={() => {\n                  setShowAddDialog(false)\n                  resetForm()\n                }}\n              >\n                Cancel\n              </Button>\n              <Button\n                onClick={handleAdd}\n                disabled={isSaving}\n              >\n                {isSaving ? 'Saving...' : 'Save Rule'}\n              </Button>\n            </div>\n          </div>\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n  },\n)\n\nNotificationPreferences.displayName = 'NotificationPreferences'\n\nexport { NotificationPreferences }\n"],"mappings":";;;;;;;;;;;;;;AAkFA,IAAM,IAA2E;CAC/E,QAAQ;EAAE,OAAO;EAAU,MAAM,kBAAC,GAAD;GAAM,MAAM;GAAU,MAAK;GAAO,CAAA;EAAE;CACrE,aAAa;EAAE,OAAO;EAAe,MAAM,kBAAC,GAAD;GAAM,MAAM;GAAa,MAAK;GAAO,CAAA;EAAE;CACnF,EAEK,IAAsC;CAC1C,MAAM;CACN,WAAW;CACX,UAAU;CACX,EAMK,IAA0B,EAAM,WACpC,SACE,EACE,iBAAc,EAAE,EAChB,cAAW,EAAE,EACb,eAAY,IACZ,WACA,iBACA,iBACA,aACA,cACA,GAAG,KAEL,GACA;CACF,IAAM,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAc,KAAmB,EAAiB,SAAS,EAC5D,CAAC,GAAY,KAAiB,EAAiB,SAAS,EACxD,CAAC,GAAY,KAAiB,EAAiB,OAAO,EACtD,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAU,KAAe,EAAS,GAAM,EAEzC,IAAY,YAAY;AACvB,SACL;KAAY,GAAK;AACjB,OAAI;AAQF,IAPA,MAAM,EAAO;KACX,WAAW,MAAiB,WAAW,OAAO;KAC9C,SAAS;KACT,SAAS;KACT,OAAO;KACR,CAAC,EACF,EAAiB,GAAM,EACvB,GAAW;YACJ,GAAO;AACd,YAAQ,MAAM,iCAAiC,EAAM;aAC7C;AACR,MAAY,GAAM;;;IAIhB,UAAkB;AAItB,EAHA,EAAgB,SAAS,EACzB,EAAc,SAAS,EACvB,EAAc,OAAO,EACrB,EAAY,GAAM;IAGd,KAAkB,MACjB,IACW,EAAS,MAAM,MAAM,EAAE,OAAO,EAAU,EACxC,SAAS,oBAFF;AAKzB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAW;EAAgB;EAAW,GAAK;YAA3C,CACE,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACE,kBAAC,GAAD;IAAW,WAAU;cAA2B;IAEpC,CAAA,EACZ,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,eAAe,EAAiB,GAAK;cAHvC,CAKE,kBAAC,GAAD;KAAM,MAAM;KAAU,MAAK;KAAK,WAAU;KAAc,CAAA,EAAA,WAEjD;MACE;MACb,kBAAC,GAAD,EAAA,UACG,IACC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAW,CAAA;GACP,CAAA,GACJ,EAAY,WAAW,IACzB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAAoC;IAG7C,CAAA;GACA,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAY,KAAK,GAAM,MAAM;IAC5B,IAAM,IACJ,EAAe,EAAK,YAAY,EAAe;AACjD,WACE,kBAAC,OAAD;KAEE,WAAW,EACT,wCACA,IAAI,EAAY,SAAS,KACvB,wCACH;eANH;MASE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,QAAD;QAAM,WAAU;QAA0D,eAAY;kBAAQ,EAAY;QAAY,CAAA;OAClH,CAAA;MAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAY;QACX,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAe,EAAK,UAAU;QAC7B,CAAA,CACA;;MAGN,kBAAC,GAAD;OACE,OAAO,EAAK;OACZ,gBAAgB,MAAM,IAAe,GAAM,EAAE;iBAF/C,CAIE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,EAAe,CAAA;QACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UACG,OAAO,QAAQ,EAAY,CAAC,KAAK,CAAC,GAAK,OACtC,kBAAC,GAAD;QAAsB,OAAO;kBAC1B;QACU,EAFI,EAEJ,CACb,EACY,CAAA,CACT;;MAGT,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAK,QAAQ,UAAU;QACnB,CAAA,EACP,kBAAC,GAAD;QACE,SAAS,CAAC,EAAK;QACf,uBAAuB,IAAe,EAAK;QAC3C,CAAA,CACE;;MAGN,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,IAAW,EAAK,GAAG;OAClC,WAAU;iBAEV,kBAAC,GAAD;QAAM,MAAM;QAAW,MAAK;QAAO,CAAA;OAC5B,CAAA;MACL;OA1DC,EAAK,GA0DN;KAER;GACE,CAAA,EAEI,CAAA,CACT;KAGP,kBAAC,GAAD;EAAQ,MAAM;EAAe,cAAc;YACzC,kBAAC,GAAD;GAAe,WAAU;aAAzB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAa,yBAAmC,CAAA,EAChD,kBAAC,GAAD,EAAA,UAAmB,+EAGC,CAAA,CACP,EAAA,CAAA,EACf,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAa,WAAU;iBAA+C;OAE7E,CAAA,EACR,kBAAC,GAAD;OAAQ,OAAO;OAAc,eAAe;iBAA5C,CACE,kBAAC,GAAD;QAAe,IAAG;kBAChB,kBAAC,GAAD,EAAa,aAAY,gBAAiB,CAAA;QAC5B,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,OAAM;kBAAS;QAEd,CAAA,EACZ,EAAS,KAAK,MACb,kBAAC,GAAD;QAAuB,OAAO,EAAE;kBAC7B,EAAE;QACQ,EAFI,EAAE,GAEN,CACb,CACY,EAAA,CAAA,CACT;SACL;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAe,WAAU;iBAA+C;OAE/E,CAAA,EACR,kBAAC,GAAD;OAAQ,OAAO;OAAY,eAAe;iBAA1C,CACE,kBAAC,GAAD;QAAe,IAAG;kBAChB,kBAAC,GAAD,EAAe,CAAA;QACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,OAAM;kBAAS;QAAmB,CAAA,EAC9C,kBAAC,GAAD;QAAY,OAAM;kBAAc;QAAwB,CAAA,CAC1C,EAAA,CAAA,CACT;SACL;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAgB,WAAU;iBAA+C;OAEhF,CAAA,EACR,kBAAC,GAAD;OAAQ,OAAO;OAAY,eAAe;iBAA1C,CACE,kBAAC,GAAD;QAAe,IAAG;kBAChB,kBAAC,GAAD,EAAe,CAAA;QACD,CAAA,EAChB,kBAAC,GAAD,EAAA,UACG,OAAO,QAAQ,EAAY,CAAC,KAAK,CAAC,GAAK,OACtC,kBAAC,GAAD;QAAsB,OAAO;kBAC1B;QACU,EAFI,EAEJ,CACb,EACY,CAAA,CACT;SACL;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,SAAQ;OAAa,WAAU;iBAA6B;OAE3D,CAAA,EACR,kBAAC,GAAD;OAAQ,IAAG;OAAa,SAAS;OAAU,iBAAiB;OAAe,CAAA,CACvE;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,SAAQ;OACR,eAAe;AAEb,QADA,EAAiB,GAAM,EACvB,GAAW;;iBAEd;OAEQ,CAAA,EACT,kBAAC,GAAD;OACE,SAAS;OACT,UAAU;iBAET,IAAW,cAAc;OACnB,CAAA,CACL;;KACF;MACQ;;EACT,CAAA,CACR,EAAA,CAAA;EAGN;AAED,EAAwB,cAAc"}