paperclip-theme 0.1.0

package/dist/ui/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ui/index.tsx"],
+  "sourcesContent": ["import React, { useState, useEffect, useCallback, useRef, useMemo } from \"react\";\nimport {\n  usePluginData,\n  usePluginAction,\n} from \"@paperclipai/plugin-sdk/ui\";\n\n/* \u2500\u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ninterface ThemeConfig {\n  id: string;\n  name: string;\n  description: string;\n  author: string;\n  isDark: boolean;\n  tokens: Record<string, string>;\n  radius: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\n/* \u2500\u2500\u2500 Constants \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nconst MAX_VISIBLE_PRESETS = 8;\nconst CARD_WIDTH = 192;\nconst CARD_GAP = 10;\nconst SWATCH_TOKENS = [\"--background\", \"--primary\", \"--accent\", \"--chart-1\", \"--destructive\"];\n\n/* \u2500\u2500\u2500 CSS injection engine \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nconst STYLE_ELEMENT_ID = \"blazo-theme-overrides\";\n\nfunction injectThemeCSS(theme: ThemeConfig): void {\n  let el = document.getElementById(STYLE_ELEMENT_ID) as HTMLStyleElement | null;\n  if (!el) {\n    el = document.createElement(\"style\");\n    el.id = STYLE_ELEMENT_ID;\n    document.head.appendChild(el);\n  }\n\n  const entries = Object.entries(theme.tokens);\n  const radiusEntry = theme.radius ? `  --radius: ${theme.radius};` : \"\";\n\n  const lines = entries.map(([key, value]) => `  ${key}: ${value};`);\n  if (radiusEntry) lines.push(radiusEntry);\n\n  const darkToggle = theme.isDark ? \"dark\" : \"light\";\n  el.textContent = `:root { ${lines.join(\" \")} }\\n`;\n\n  const htmlEl = document.documentElement;\n  htmlEl.classList.toggle(\"dark\", theme.isDark);\n  htmlEl.classList.toggle(\"light\", !theme.isDark);\n  htmlEl.style.colorScheme = darkToggle;\n}\n\nfunction clearThemeCSS(): void {\n  const el = document.getElementById(STYLE_ELEMENT_ID);\n  if (el) el.remove();\n}\n\n/* \u2500\u2500\u2500 Token groups for the editor \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\ninterface TokenGroup {\n  label: string;\n  description: string;\n  tokens: string[];\n}\n\nconst TOKEN_GROUPS: TokenGroup[] = [\n  {\n    label: \"Surfaces\",\n    description: \"Background and card colors\",\n    tokens: [\"--background\", \"--card\", \"--muted\", \"--accent\"],\n  },\n  {\n    label: \"Text\",\n    description: \"Foreground and label colors\",\n    tokens: [\"--foreground\", \"--card-foreground\", \"--muted-foreground\", \"--accent-foreground\"],\n  },\n  {\n    label: \"Interactive\",\n    description: \"Buttons, links, and primary actions\",\n    tokens: [\"--primary\", \"--primary-foreground\"],\n  },\n  {\n    label: \"Feedback\",\n    description: \"Errors and destructive actions\",\n    tokens: [\"--destructive\", \"--destructive-foreground\"],\n  },\n  {\n    label: \"Structure\",\n    description: \"Borders and focus rings\",\n    tokens: [\"--border\", \"--input\", \"--ring\"],\n  },\n  {\n    label: \"Charts\",\n    description: \"Dashboard visualization colors\",\n    tokens: [\"--chart-1\", \"--chart-2\", \"--chart-3\", \"--chart-4\", \"--chart-5\"],\n  },\n];\n\n/* \u2500\u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nfunction tokenDisplayName(token: string): string {\n  return token\n    .replace(/^--/, \"\")\n    .split(\"-\")\n    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n    .join(\" \");\n}\n\nfunction oklchToHex(oklchStr: string): string {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = 1;\n  canvas.height = 1;\n  const ctx2d = canvas.getContext(\"2d\");\n  if (!ctx2d) return \"#000000\";\n  ctx2d.fillStyle = oklchStr;\n  ctx2d.fillRect(0, 0, 1, 1);\n  const [r, g, b] = ctx2d.getImageData(0, 0, 1, 1).data;\n  return `#${(r ?? 0).toString(16).padStart(2, \"0\")}${(g ?? 0).toString(16).padStart(2, \"0\")}${(b ?? 0).toString(16).padStart(2, \"0\")}`;\n}\n\nfunction hexToOklch(hex: string): string {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = 1;\n  canvas.height = 1;\n  const ctx2d = canvas.getContext(\"2d\");\n  if (!ctx2d) return \"oklch(0% 0 0)\";\n  ctx2d.fillStyle = hex;\n  ctx2d.fillRect(0, 0, 1, 1);\n  const [r, g, b] = ctx2d.getImageData(0, 0, 1, 1).data;\n  const rLin = srgbToLinear((r ?? 0) / 255);\n  const gLin = srgbToLinear((g ?? 0) / 255);\n  const bLin = srgbToLinear((b ?? 0) / 255);\n  const l = 0.4122214708 * rLin + 0.5363325363 * gLin + 0.0514459929 * bLin;\n  const m = 0.2119034982 * rLin + 0.6806995451 * gLin + 0.1073969566 * bLin;\n  const s = 0.0883024619 * rLin + 0.2817188376 * gLin + 0.6299787005 * bLin;\n  const lRoot = Math.cbrt(l);\n  const mRoot = Math.cbrt(m);\n  const sRoot = Math.cbrt(s);\n  const L = 0.2104542553 * lRoot + 0.7936177850 * mRoot - 0.0040720468 * sRoot;\n  const a = 1.9779984951 * lRoot - 2.4285922050 * mRoot + 0.4505937099 * sRoot;\n  const bOklab = 0.0259040371 * lRoot + 0.7827717662 * mRoot - 0.8086757660 * sRoot;\n  const C = Math.sqrt(a * a + bOklab * bOklab);\n  let H = (Math.atan2(bOklab, a) * 180) / Math.PI;\n  if (H < 0) H += 360;\n  return `oklch(${(L * 100).toFixed(1)}% ${C.toFixed(3)} ${H.toFixed(1)})`;\n}\n\nfunction srgbToLinear(c: number): number {\n  return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);\n}\n\n/* \u2500\u2500\u2500 Style definitions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nconst styles = {\n  root: {\n    fontFamily: \"var(--font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif)\",\n    color: \"var(--foreground)\",\n    maxWidth: 720,\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    gap: 32,\n  },\n  header: {\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    gap: 6,\n  },\n  title: {\n    fontSize: 20,\n    fontWeight: 600,\n    letterSpacing: \"-0.01em\",\n    margin: 0,\n    color: \"var(--foreground)\",\n  },\n  subtitle: {\n    fontSize: 13,\n    color: \"var(--muted-foreground)\",\n    margin: 0,\n    lineHeight: 1.5,\n  },\n  section: {\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    gap: 16,\n  },\n  sectionHeader: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    margin: 0,\n  },\n  sectionLabel: {\n    fontSize: 13,\n    fontWeight: 600,\n    textTransform: \"uppercase\" as const,\n    letterSpacing: \"0.04em\",\n    color: \"var(--muted-foreground)\",\n    margin: 0,\n  },\n  seeAllBtn: {\n    fontSize: 12,\n    fontWeight: 500,\n    color: \"var(--primary)\",\n    background: \"none\",\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: \"2px 0\",\n    outline: \"none\",\n    transition: \"opacity 150ms ease\",\n  },\n  presetsScroller: {\n    overflowX: \"auto\" as const,\n    overflowY: \"hidden\" as const,\n    WebkitOverflowScrolling: \"touch\" as const,\n    scrollbarWidth: \"thin\" as const,\n    paddingBottom: 4,\n  },\n  presetsTrack: {\n    display: \"grid\",\n    gridTemplateRows: \"1fr 1fr\",\n    gridAutoFlow: \"column\" as const,\n    gridAutoColumns: `${CARD_WIDTH}px`,\n    gap: CARD_GAP,\n  },\n  presetCard: (isActive: boolean) => ({\n    position: \"relative\" as const,\n    width: CARD_WIDTH,\n    padding: \"12px 14px\",\n    borderRadius: 8,\n    border: `1.5px solid ${isActive ? \"var(--primary)\" : \"var(--border)\"}`,\n    background: isActive ? \"var(--accent)\" : \"transparent\",\n    cursor: \"pointer\",\n    transition: \"all 150ms ease\",\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    gap: 5,\n    outline: \"none\",\n    boxSizing: \"border-box\" as const,\n    textAlign: \"left\" as const,\n  }),\n  presetName: {\n    fontSize: 13,\n    fontWeight: 500,\n    color: \"var(--foreground)\",\n    margin: 0,\n    whiteSpace: \"nowrap\" as const,\n    overflow: \"hidden\" as const,\n    textOverflow: \"ellipsis\" as const,\n  },\n  presetDesc: {\n    fontSize: 11,\n    color: \"var(--muted-foreground)\",\n    margin: 0,\n    lineHeight: 1.35,\n    display: \"-webkit-box\",\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: \"vertical\" as const,\n    overflow: \"hidden\" as const,\n  },\n  presetMeta: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    marginTop: 2,\n  },\n  presetColors: {\n    display: \"flex\",\n    gap: 3,\n  },\n  presetSwatch: (color: string) => ({\n    width: 14,\n    height: 14,\n    borderRadius: 3,\n    background: color,\n    border: \"1px solid rgba(128,128,128,0.25)\",\n    flexShrink: 0,\n  }),\n  presetModeBadge: (isDark: boolean) => ({\n    fontSize: 9,\n    fontWeight: 600,\n    textTransform: \"uppercase\" as const,\n    letterSpacing: \"0.06em\",\n    color: \"var(--muted-foreground)\",\n    background: \"var(--muted)\",\n    padding: \"1px 5px\",\n    borderRadius: 3,\n    lineHeight: \"16px\",\n  }),\n  activeBadge: {\n    position: \"absolute\" as const,\n    top: 7,\n    right: 8,\n    fontSize: 9,\n    fontWeight: 600,\n    textTransform: \"uppercase\" as const,\n    letterSpacing: \"0.06em\",\n    color: \"var(--primary-foreground)\",\n    background: \"var(--primary)\",\n    padding: \"1px 6px\",\n    borderRadius: 999,\n    lineHeight: \"16px\",\n  },\n  tokenGroup: {\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    gap: 10,\n    padding: \"16px 0\",\n    borderBottom: \"1px solid var(--border)\",\n  },\n  tokenGroupHeader: {\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    gap: 2,\n  },\n  tokenGroupLabel: {\n    fontSize: 14,\n    fontWeight: 500,\n    color: \"var(--foreground)\",\n    margin: 0,\n  },\n  tokenGroupDesc: {\n    fontSize: 12,\n    color: \"var(--muted-foreground)\",\n    margin: 0,\n  },\n  tokenRow: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 12,\n    padding: \"4px 0\",\n  },\n  colorInput: {\n    width: 32,\n    height: 32,\n    border: \"1.5px solid var(--border)\",\n    borderRadius: 6,\n    padding: 0,\n    cursor: \"pointer\",\n    background: \"none\",\n    flexShrink: 0,\n    outline: \"none\",\n  },\n  tokenLabel: {\n    fontSize: 13,\n    fontWeight: 400,\n    color: \"var(--foreground)\",\n    flex: 1,\n    minWidth: 0,\n  },\n  tokenValue: {\n    fontSize: 11,\n    fontFamily: \"var(--font-mono, 'SF Mono', Consolas, monospace)\",\n    color: \"var(--muted-foreground)\",\n    textAlign: \"right\" as const,\n    whiteSpace: \"nowrap\" as const,\n    overflow: \"hidden\" as const,\n    textOverflow: \"ellipsis\" as const,\n    maxWidth: 180,\n  },\n  radiusSection: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 16,\n    padding: \"8px 0\",\n  },\n  rangeInput: {\n    flex: 1,\n    accentColor: \"var(--primary)\",\n    cursor: \"pointer\",\n  },\n  radiusValue: {\n    fontSize: 13,\n    fontFamily: \"var(--font-mono, 'SF Mono', Consolas, monospace)\",\n    color: \"var(--muted-foreground)\",\n    minWidth: 48,\n    textAlign: \"right\" as const,\n  },\n  radiusPreview: (r: string) => ({\n    width: 32,\n    height: 32,\n    borderRadius: r,\n    border: \"2px solid var(--primary)\",\n    background: \"var(--accent)\",\n    flexShrink: 0,\n  }),\n  actions: {\n    display: \"flex\",\n    gap: 10,\n    paddingTop: 8,\n  },\n  btnPrimary: {\n    padding: \"9px 20px\",\n    borderRadius: 6,\n    border: \"none\",\n    background: \"var(--primary)\",\n    color: \"var(--primary-foreground)\",\n    fontSize: 13,\n    fontWeight: 500,\n    cursor: \"pointer\",\n    transition: \"opacity 150ms ease\",\n    outline: \"none\",\n  },\n  btnSecondary: {\n    padding: \"9px 20px\",\n    borderRadius: 6,\n    border: \"1.5px solid var(--border)\",\n    background: \"transparent\",\n    color: \"var(--foreground)\",\n    fontSize: 13,\n    fontWeight: 500,\n    cursor: \"pointer\",\n    transition: \"all 150ms ease\",\n    outline: \"none\",\n  },\n  saved: {\n    fontSize: 12,\n    color: \"var(--muted-foreground)\",\n    alignSelf: \"center\" as const,\n    transition: \"opacity 300ms ease\",\n  },\n  overlay: {\n    position: \"fixed\" as const,\n    inset: 0,\n    background: \"rgba(0,0,0,0.55)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    zIndex: 9999,\n    backdropFilter: \"blur(4px)\",\n  },\n  modal: {\n    background: \"var(--card)\",\n    border: \"1px solid var(--border)\",\n    borderRadius: 12,\n    width: \"min(640px, calc(100vw - 48px))\",\n    maxHeight: \"min(560px, calc(100vh - 80px))\",\n    display: \"flex\",\n    flexDirection: \"column\" as const,\n    boxShadow: \"0 16px 48px rgba(0,0,0,0.25)\",\n    overflow: \"hidden\" as const,\n  },\n  modalHeader: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"16px 20px 0 20px\",\n  },\n  modalTitle: {\n    fontSize: 16,\n    fontWeight: 600,\n    margin: 0,\n    color: \"var(--foreground)\",\n  },\n  modalCloseBtn: {\n    width: 28,\n    height: 28,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    background: \"none\",\n    border: \"none\",\n    borderRadius: 6,\n    cursor: \"pointer\",\n    color: \"var(--muted-foreground)\",\n    fontSize: 18,\n    lineHeight: 1,\n    outline: \"none\",\n    transition: \"background 150ms ease\",\n  },\n  modalSearch: {\n    margin: \"12px 20px\",\n    padding: \"8px 12px\",\n    borderRadius: 6,\n    border: \"1.5px solid var(--border)\",\n    background: \"var(--muted)\",\n    color: \"var(--foreground)\",\n    fontSize: 13,\n    outline: \"none\",\n    width: \"calc(100% - 40px)\",\n    boxSizing: \"border-box\" as const,\n    transition: \"border-color 150ms ease\",\n  },\n  modalCount: {\n    fontSize: 11,\n    color: \"var(--muted-foreground)\",\n    padding: \"0 20px 8px 20px\",\n    margin: 0,\n  },\n  modalGrid: {\n    flex: 1,\n    overflowY: \"auto\" as const,\n    padding: \"0 20px 20px 20px\",\n    display: \"grid\",\n    gridTemplateColumns: \"repeat(auto-fill, minmax(180px, 1fr))\",\n    gap: 10,\n    alignContent: \"start\",\n  },\n};\n\n/* \u2500\u2500\u2500 Preset Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nfunction PresetCard({\n  preset,\n  isActive,\n  onSelect,\n  compact,\n}: {\n  preset: ThemeConfig;\n  isActive: boolean;\n  onSelect: () => void;\n  compact?: boolean;\n}) {\n  const cardStyle = compact\n    ? {\n        ...styles.presetCard(isActive),\n        width: \"auto\" as const,\n      }\n    : styles.presetCard(isActive);\n\n  return (\n    <button\n      type=\"button\"\n      style={cardStyle}\n      onClick={onSelect}\n      onMouseEnter={(e) => {\n        if (!isActive) (e.currentTarget.style.borderColor = \"var(--muted-foreground)\");\n      }}\n      onMouseLeave={(e) => {\n        if (!isActive) (e.currentTarget.style.borderColor = \"var(--border)\");\n      }}\n    >\n      {isActive && <span style={styles.activeBadge}>Active</span>}\n      <p style={styles.presetName}>{preset.name}</p>\n      <p style={styles.presetDesc}>{preset.description}</p>\n      <div style={styles.presetMeta}>\n        <div style={styles.presetColors}>\n          {SWATCH_TOKENS.map((t) => (\n            <div key={t} style={styles.presetSwatch(preset.tokens[t] ?? \"#333\")} />\n          ))}\n        </div>\n        <span style={styles.presetModeBadge(preset.isDark)}>\n          {preset.isDark ? \"Dark\" : \"Light\"}\n        </span>\n      </div>\n    </button>\n  );\n}\n\n/* \u2500\u2500\u2500 \"See All\" Modal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nfunction PresetModal({\n  presets,\n  activeId,\n  onSelect,\n  onClose,\n}: {\n  presets: ThemeConfig[];\n  activeId: string | undefined;\n  onSelect: (preset: ThemeConfig) => void;\n  onClose: () => void;\n}) {\n  const [search, setSearch] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    searchRef.current?.focus();\n  }, []);\n\n  useEffect(() => {\n    const handleKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", handleKey);\n    return () => document.removeEventListener(\"keydown\", handleKey);\n  }, [onClose]);\n\n  const filtered = useMemo(() => {\n    if (!search.trim()) return presets;\n    const q = search.toLowerCase().trim();\n    return presets.filter(\n      (p) =>\n        p.name.toLowerCase().includes(q) ||\n        p.description.toLowerCase().includes(q) ||\n        p.author.toLowerCase().includes(q) ||\n        (p.isDark ? \"dark\" : \"light\").includes(q),\n    );\n  }, [presets, search]);\n\n  return (\n    <div\n      style={styles.overlay}\n      onClick={(e) => {\n        if (e.target === e.currentTarget) onClose();\n      }}\n    >\n      <div style={styles.modal}>\n        <div style={styles.modalHeader}>\n          <h3 style={styles.modalTitle}>All Themes</h3>\n          <button\n            type=\"button\"\n            style={styles.modalCloseBtn}\n            onClick={onClose}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.background = \"var(--muted)\";\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.background = \"none\";\n            }}\n          >\n            &#x2715;\n          </button>\n        </div>\n        <input\n          ref={searchRef}\n          type=\"text\"\n          placeholder=\"Search themes...\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          style={styles.modalSearch}\n          onFocus={(e) => {\n            e.currentTarget.style.borderColor = \"var(--primary)\";\n          }}\n          onBlur={(e) => {\n            e.currentTarget.style.borderColor = \"var(--border)\";\n          }}\n        />\n        <p style={styles.modalCount}>\n          {filtered.length} of {presets.length} themes\n        </p>\n        <div style={styles.modalGrid}>\n          {filtered.map((preset) => (\n            <PresetCard\n              key={preset.id}\n              preset={preset}\n              isActive={activeId === preset.id}\n              onSelect={() => {\n                onSelect(preset);\n                onClose();\n              }}\n              compact\n            />\n          ))}\n          {filtered.length === 0 && (\n            <p style={{ ...styles.subtitle, gridColumn: \"1 / -1\", textAlign: \"center\" as const, padding: \"32px 0\" }}>\n              No themes match your search.\n            </p>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* \u2500\u2500\u2500 Token Editor Row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nfunction TokenRow({\n  token,\n  value,\n  onChange,\n}: {\n  token: string;\n  value: string;\n  onChange: (token: string, value: string) => void;\n}) {\n  const hex = oklchToHex(value);\n  return (\n    <div style={styles.tokenRow}>\n      <input\n        type=\"color\"\n        style={styles.colorInput}\n        value={hex}\n        onChange={(e) => {\n          const newOklch = hexToOklch(e.target.value);\n          onChange(token, newOklch);\n        }}\n        title={tokenDisplayName(token)}\n      />\n      <span style={styles.tokenLabel}>{tokenDisplayName(token)}</span>\n      <span style={styles.tokenValue}>{value}</span>\n    </div>\n  );\n}\n\n/* \u2500\u2500\u2500 Main Settings Page Component \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport function ThemeSettingsPage() {\n  const activeThemeResult = usePluginData<ThemeConfig | null>(\"active-theme\");\n  const presetsResult = usePluginData<ThemeConfig[]>(\"presets\");\n  const applyTheme = usePluginAction(\"apply-theme\");\n  const resetTheme = usePluginAction(\"reset-theme\");\n\n  const [localTheme, setLocalTheme] = useState<ThemeConfig | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [savedAt, setSavedAt] = useState<string | null>(null);\n  const [hasUnsaved, setHasUnsaved] = useState(false);\n  const [showModal, setShowModal] = useState(false);\n  const initialLoadDone = useRef(false);\n\n  const presets: ThemeConfig[] = presetsResult.data ?? [];\n  const serverTheme: ThemeConfig | null = activeThemeResult.data ?? null;\n\n  const visiblePresets = presets.slice(0, MAX_VISIBLE_PRESETS);\n  const hasMore = presets.length > MAX_VISIBLE_PRESETS;\n\n  useEffect(() => {\n    if (initialLoadDone.current) return;\n    if (serverTheme) {\n      setLocalTheme(serverTheme);\n      injectThemeCSS(serverTheme);\n      initialLoadDone.current = true;\n    } else if (presets.length > 0 && activeThemeResult.data === null) {\n      initialLoadDone.current = true;\n    }\n  }, [serverTheme, presets, activeThemeResult.data]);\n\n  const selectPreset = useCallback(\n    (preset: ThemeConfig) => {\n      const next = { ...preset, updatedAt: new Date().toISOString() };\n      setLocalTheme(next);\n      injectThemeCSS(next);\n      setHasUnsaved(true);\n      setSavedAt(null);\n    },\n    [],\n  );\n\n  const updateToken = useCallback(\n    (token: string, value: string) => {\n      setLocalTheme((prev) => {\n        if (!prev) return prev;\n        const next = {\n          ...prev,\n          tokens: { ...prev.tokens, [token]: value },\n          updatedAt: new Date().toISOString(),\n        };\n        injectThemeCSS(next);\n        return next;\n      });\n      setHasUnsaved(true);\n      setSavedAt(null);\n    },\n    [],\n  );\n\n  const updateRadius = useCallback((value: string) => {\n    setLocalTheme((prev) => {\n      if (!prev) return prev;\n      const next = { ...prev, radius: value, updatedAt: new Date().toISOString() };\n      injectThemeCSS(next);\n      return next;\n    });\n    setHasUnsaved(true);\n    setSavedAt(null);\n  }, []);\n\n  const handleSave = useCallback(async () => {\n    if (!localTheme) return;\n    setSaving(true);\n    try {\n      await applyTheme(localTheme);\n      setHasUnsaved(false);\n      setSavedAt(new Date().toLocaleTimeString());\n    } catch (err) {\n      console.error(\"Failed to save theme:\", err);\n    } finally {\n      setSaving(false);\n    }\n  }, [localTheme, applyTheme]);\n\n  const handleReset = useCallback(async () => {\n    setSaving(true);\n    try {\n      const result = await resetTheme({});\n      const restored = result as unknown as ThemeConfig;\n      setLocalTheme(restored);\n      injectThemeCSS(restored);\n      setHasUnsaved(false);\n      setSavedAt(null);\n    } catch (err) {\n      console.error(\"Failed to reset theme:\", err);\n    } finally {\n      setSaving(false);\n    }\n  }, [resetTheme]);\n\n  const radiusNum = parseFloat(localTheme?.radius ?? \"0\") || 0;\n\n  return (\n    <div style={styles.root}>\n      {/* Header */}\n      <div style={styles.header}>\n        <h2 style={styles.title}>Theme</h2>\n        <p style={styles.subtitle}>\n          Choose a preset or fine-tune individual design tokens. Changes preview instantly.\n        </p>\n      </div>\n\n      {/* Presets \u2014 2-row horizontal scroll */}\n      <div style={styles.section}>\n        <div style={styles.sectionHeader}>\n          <p style={styles.sectionLabel}>Presets</p>\n          {hasMore && (\n            <button\n              type=\"button\"\n              style={styles.seeAllBtn}\n              onClick={() => setShowModal(true)}\n              onMouseEnter={(e) => { e.currentTarget.style.opacity = \"0.7\"; }}\n              onMouseLeave={(e) => { e.currentTarget.style.opacity = \"1\"; }}\n            >\n              See all {presets.length} themes\n            </button>\n          )}\n        </div>\n        <div style={styles.presetsScroller}>\n          <div style={styles.presetsTrack}>\n            {visiblePresets.map((preset) => (\n              <PresetCard\n                key={preset.id}\n                preset={preset}\n                isActive={localTheme?.id === preset.id}\n                onSelect={() => selectPreset(preset)}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* \"See All\" modal */}\n      {showModal && (\n        <PresetModal\n          presets={presets}\n          activeId={localTheme?.id}\n          onSelect={selectPreset}\n          onClose={() => setShowModal(false)}\n        />\n      )}\n\n      {/* Token Editor */}\n      {localTheme && (\n        <div style={styles.section}>\n          <p style={styles.sectionLabel}>Design Tokens</p>\n          {TOKEN_GROUPS.map((group) => (\n            <div key={group.label} style={styles.tokenGroup}>\n              <div style={styles.tokenGroupHeader}>\n                <p style={styles.tokenGroupLabel}>{group.label}</p>\n                <p style={styles.tokenGroupDesc}>{group.description}</p>\n              </div>\n              {group.tokens.map((token) => (\n                <TokenRow\n                  key={token}\n                  token={token}\n                  value={localTheme.tokens[token] ?? \"\"}\n                  onChange={updateToken}\n                />\n              ))}\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Radius */}\n      {localTheme && (\n        <div style={styles.section}>\n          <p style={styles.sectionLabel}>Border Radius</p>\n          <div style={styles.radiusSection}>\n            <div style={styles.radiusPreview(localTheme.radius || \"0\")} />\n            <input\n              type=\"range\"\n              min=\"0\"\n              max=\"1.5\"\n              step=\"0.125\"\n              value={radiusNum}\n              onChange={(e) => updateRadius(`${e.target.value}rem`)}\n              style={styles.rangeInput}\n            />\n            <span style={styles.radiusValue}>{localTheme.radius || \"0\"}</span>\n          </div>\n        </div>\n      )}\n\n      {/* Actions */}\n      <div style={styles.actions}>\n        <button\n          type=\"button\"\n          style={{\n            ...styles.btnPrimary,\n            opacity: saving || !hasUnsaved ? 0.5 : 1,\n            pointerEvents: saving || !hasUnsaved ? \"none\" : \"auto\",\n          }}\n          onClick={handleSave}\n          disabled={saving || !hasUnsaved}\n        >\n          {saving ? \"Saving\\u2026\" : \"Save Theme\"}\n        </button>\n        <button\n          type=\"button\"\n          style={styles.btnSecondary}\n          onClick={handleReset}\n          disabled={saving}\n        >\n          Reset to Default\n        </button>\n        {savedAt && (\n          <span style={styles.saved}>Saved at {savedAt}</span>\n        )}\n        {hasUnsaved && !savedAt && (\n          <span style={{ ...styles.saved, color: \"var(--chart-1)\" }}>Unsaved changes</span>\n        )}\n      </div>\n    </div>\n  );\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/worker.d.ts

@@ -0,0 +1,4 @@
+import { type PaperclipPlugin } from "@paperclipai/plugin-sdk";
+declare const plugin: PaperclipPlugin;
+export default plugin;
+//# sourceMappingURL=worker.d.ts.map

package/dist/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../src/worker.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,EAGrB,MAAM,yBAAyB,CAAC;AA6BjC,QAAA,MAAM,MAAM,EAAE,eAkEZ,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/dist/worker.js

@@ -0,0 +1,73 @@
+import { definePlugin, runWorker, } from "@paperclipai/plugin-sdk";
+import { STATE_KEYS, DATA_ENDPOINTS, ACTION_NAMES, THEME_PRESETS, } from "./constants.js";
+let currentContext = null;
+async function readTheme(ctx) {
+    return (await ctx.state.get({
+        scopeKind: "instance",
+        stateKey: STATE_KEYS.activeTheme,
+    }));
+}
+async function writeTheme(ctx, theme) {
+    await ctx.state.set({ scopeKind: "instance", stateKey: STATE_KEYS.activeTheme }, theme);
+}
+const plugin = definePlugin({
+    async setup(ctx) {
+        currentContext = ctx;
+        ctx.data.register(DATA_ENDPOINTS.activeTheme, async () => {
+            return await readTheme(ctx);
+        });
+        ctx.data.register(DATA_ENDPOINTS.presets, async () => {
+            return THEME_PRESETS;
+        });
+        ctx.actions.register(ACTION_NAMES.applyTheme, async (params) => {
+            const incoming = params;
+            if (!incoming.id) {
+                throw new Error("Theme id is required");
+            }
+            const preset = THEME_PRESETS.find((p) => p.id === incoming.id);
+            const theme = preset
+                ? {
+                    ...preset,
+                    tokens: { ...preset.tokens, ...(incoming.tokens ?? {}) },
+                    radius: incoming.radius ?? preset.radius,
+                    updatedAt: new Date().toISOString(),
+                }
+                : {
+                    id: incoming.id,
+                    name: incoming.name ?? "Custom Theme",
+                    description: incoming.description ?? "",
+                    author: incoming.author ?? "User",
+                    isDark: incoming.isDark ?? true,
+                    tokens: incoming.tokens ?? {},
+                    radius: incoming.radius ?? "0",
+                    createdAt: incoming.createdAt ?? new Date().toISOString(),
+                    updatedAt: new Date().toISOString(),
+                };
+            await writeTheme(ctx, theme);
+            return theme;
+        });
+        ctx.actions.register(ACTION_NAMES.resetTheme, async () => {
+            const defaultTheme = THEME_PRESETS[0];
+            if (!defaultTheme) {
+                throw new Error("No default preset found");
+            }
+            await writeTheme(ctx, defaultTheme);
+            return defaultTheme;
+        });
+    },
+    async onHealth() {
+        const ctx = currentContext;
+        const activeTheme = ctx ? await readTheme(ctx) : null;
+        return {
+            status: "ok",
+            message: "Theme Customizer ready",
+            details: {
+                activePreset: activeTheme?.name ?? "Default (unset)",
+                presetsAvailable: THEME_PRESETS.length,
+            },
+        };
+    },
+});
+export default plugin;
+runWorker(plugin, import.meta.url);
+//# sourceMappingURL=worker.js.map

package/dist/worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.js","sourceRoot":"","sources":["../src/worker.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,SAAS,GAIV,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,GAEd,MAAM,gBAAgB,CAAC;AAExB,IAAI,cAAc,GAAyB,IAAI,CAAC;AAEhD,KAAK,UAAU,SAAS,CAAC,GAAkB;IACzC,OAAO,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;QAC1B,SAAS,EAAE,UAAU;QACrB,QAAQ,EAAE,UAAU,CAAC,WAAW;KACjC,CAAC,CAAuB,CAAC;AAC5B,CAAC;AAED,KAAK,UAAU,UAAU,CACvB,GAAkB,EAClB,KAAkB;IAElB,MAAM,GAAG,CAAC,KAAK,CAAC,GAAG,CACjB,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC,WAAW,EAAE,EAC3D,KAAK,CACN,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAoB,YAAY,CAAC;IAC3C,KAAK,CAAC,KAAK,CAAC,GAAG;QACb,cAAc,GAAG,GAAG,CAAC;QAErB,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YACvD,OAAO,MAAM,SAAS,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;YACnD,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;YAC7D,MAAM,QAAQ,GAAG,MAAgD,CAAC;YAElE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;YAC1C,CAAC;YAED,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC;YAE/D,MAAM,KAAK,GAAgB,MAAM;gBAC/B,CAAC,CAAC;oBACE,GAAG,MAAM;oBACT,MAAM,EAAE,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;oBACxD,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM;oBACxC,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;iBACpC;gBACH,CAAC,CAAC;oBACE,EAAE,EAAE,QAAQ,CAAC,EAAE;oBACf,IAAI,EAAE,QAAQ,CAAC,IAAI,IAAI,cAAc;oBACrC,WAAW,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;oBACvC,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,MAAM;oBACjC,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,IAAI;oBAC/B,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;oBAC7B,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,GAAG;oBAC9B,SAAS,EAAE,QAAQ,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;oBACzD,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;iBACpC,CAAC;YAEN,MAAM,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC7B,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;YACvD,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;YAC7C,CAAC;YACD,MAAM,UAAU,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;YACpC,OAAO,YAAY,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,MAAM,GAAG,GAAG,cAAc,CAAC;QAC3B,MAAM,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACtD,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,wBAAwB;YACjC,OAAO,EAAE;gBACP,YAAY,EAAE,WAAW,EAAE,IAAI,IAAI,iBAAiB;gBACpD,gBAAgB,EAAE,aAAa,CAAC,MAAM;aACvC;SACF,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC;AACtB,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "paperclip-theme",
+  "version": "0.1.0",
+  "description": "In-app theme customizer for Paperclip with live preview, presets, and shareable configs",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "paperclipPlugin": {
+    "manifest": "./dist/manifest.js",
+    "worker": "./dist/worker.js",
+    "ui": "./dist/ui/"
+  },
+  "scripts": {
+    "build": "tsc && node ./scripts/build-ui.mjs",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@paperclipai/plugin-sdk": "2026.325.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.27.3",
+    "@types/node": "^24.6.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.3"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "author": "Khaleeq Fisher <Khaleeqfisher2@gmail.com>",
+  "license": "MIT",
+  "keywords": [
+    "paperclip",
+    "plugin",
+    "theme",
+    "customizer",
+    "dark-mode",
+    "design-tokens"
+  ]
+}

package/scripts/build-ui.mjs

@@ -0,0 +1,24 @@
+import esbuild from "esbuild";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const packageRoot = path.resolve(__dirname, "..");
+
+await esbuild.build({
+  entryPoints: [path.join(packageRoot, "src/ui/index.tsx")],
+  outfile: path.join(packageRoot, "dist/ui/index.js"),
+  bundle: true,
+  format: "esm",
+  platform: "browser",
+  target: ["es2022"],
+  sourcemap: true,
+  external: [
+    "react",
+    "react-dom",
+    "react/jsx-runtime",
+    "@paperclipai/plugin-sdk/ui",
+  ],
+  logLevel: "info",
+});