@athenaintel/react 0.18.0 → 0.20.0

package/dist/theme/index.cjs

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const THEME_TO_CSS = {
+  primary: "--primary",
+  primaryForeground: "--primary-foreground",
+  background: "--background",
+  foreground: "--foreground",
+  muted: "--muted",
+  mutedForeground: "--muted-foreground",
+  accent: "--accent",
+  accentForeground: "--accent-foreground",
+  secondary: "--secondary",
+  secondaryForeground: "--secondary-foreground",
+  card: "--card",
+  cardForeground: "--card-foreground",
+  popover: "--popover",
+  popoverForeground: "--popover-foreground",
+  destructive: "--destructive",
+  border: "--border",
+  input: "--input",
+  ring: "--ring",
+  radius: "--radius",
+  fontFamily: "--font-family",
+  // Extended SDK-specific variables
+  sidebarBackground: "--sidebar-background",
+  sidebarBorder: "--sidebar-border",
+  sidebarWidth: "--sidebar-width",
+  userBubble: "--user-bubble",
+  userBubbleForeground: "--user-bubble-foreground",
+  userBubbleRadius: "--user-bubble-radius",
+  assistantForeground: "--assistant-foreground",
+  assistantBubble: "--assistant-bubble",
+  composerBorder: "--composer-border",
+  composerRadius: "--composer-radius",
+  threadMaxWidth: "--thread-max-width"
+};
+function themeToStyleVars(theme) {
+  const vars = {};
+  for (const [key, value] of Object.entries(theme)) {
+    if (value != null && THEME_TO_CSS[key]) {
+      vars[THEME_TO_CSS[key]] = value;
+    }
+  }
+  return vars;
+}
+const themes = {
+  /** Default light theme. Neutral grays with blue accent. */
+  light: {
+    background: "oklch(0.99 0 0)",
+    foreground: "oklch(0.13 0 0)",
+    primary: "oklch(0.55 0.2 250)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.005 250)",
+    secondaryForeground: "oklch(0.13 0 0)",
+    muted: "oklch(0.96 0.005 250)",
+    mutedForeground: "oklch(0.5 0.02 250)",
+    accent: "oklch(0.94 0.01 250)",
+    accentForeground: "oklch(0.13 0 0)",
+    card: "oklch(0.99 0 0)",
+    cardForeground: "oklch(0.13 0 0)",
+    popover: "oklch(0.99 0 0)",
+    popoverForeground: "oklch(0.13 0 0)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.91 0.005 250)",
+    input: "oklch(0.91 0.005 250)",
+    ring: "oklch(0.55 0.2 250)",
+    radius: "0.625rem"
+  },
+  /** Dark theme. Deep gray background with lighter text. */
+  dark: {
+    background: "oklch(0.15 0 0)",
+    foreground: "oklch(0.95 0 0)",
+    primary: "oklch(0.7 0.15 250)",
+    primaryForeground: "oklch(0.13 0 0)",
+    secondary: "oklch(0.22 0 0)",
+    secondaryForeground: "oklch(0.95 0 0)",
+    muted: "oklch(0.22 0 0)",
+    mutedForeground: "oklch(0.65 0 0)",
+    accent: "oklch(0.25 0 0)",
+    accentForeground: "oklch(0.95 0 0)",
+    card: "oklch(0.18 0 0)",
+    cardForeground: "oklch(0.95 0 0)",
+    popover: "oklch(0.18 0 0)",
+    popoverForeground: "oklch(0.95 0 0)",
+    destructive: "oklch(0.65 0.2 25)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.7 0.15 250)",
+    radius: "0.625rem"
+  },
+  /** Midnight theme. Deep navy with soft blue tones. */
+  midnight: {
+    background: "oklch(0.16 0.02 260)",
+    foreground: "oklch(0.92 0.01 250)",
+    primary: "oklch(0.68 0.16 250)",
+    primaryForeground: "oklch(0.98 0 0)",
+    secondary: "oklch(0.22 0.02 260)",
+    secondaryForeground: "oklch(0.92 0.01 250)",
+    muted: "oklch(0.22 0.02 260)",
+    mutedForeground: "oklch(0.6 0.04 250)",
+    accent: "oklch(0.26 0.03 260)",
+    accentForeground: "oklch(0.92 0.01 250)",
+    card: "oklch(0.19 0.02 260)",
+    cardForeground: "oklch(0.92 0.01 250)",
+    popover: "oklch(0.19 0.02 260)",
+    popoverForeground: "oklch(0.92 0.01 250)",
+    destructive: "oklch(0.65 0.2 25)",
+    border: "oklch(0.3 0.03 260)",
+    input: "oklch(0.3 0.03 260)",
+    ring: "oklch(0.68 0.16 250)",
+    radius: "0.625rem"
+  },
+  /** Warm earthy theme. Brown and sand tones. */
+  warm: {
+    background: "oklch(0.98 0.005 80)",
+    foreground: "oklch(0.2 0.02 50)",
+    primary: "oklch(0.55 0.12 50)",
+    primaryForeground: "oklch(0.98 0 0)",
+    secondary: "oklch(0.94 0.01 80)",
+    secondaryForeground: "oklch(0.2 0.02 50)",
+    muted: "oklch(0.95 0.01 80)",
+    mutedForeground: "oklch(0.5 0.03 50)",
+    accent: "oklch(0.92 0.015 80)",
+    accentForeground: "oklch(0.2 0.02 50)",
+    card: "oklch(0.98 0.005 80)",
+    cardForeground: "oklch(0.2 0.02 50)",
+    popover: "oklch(0.98 0.005 80)",
+    popoverForeground: "oklch(0.2 0.02 50)",
+    destructive: "oklch(0.55 0.2 25)",
+    border: "oklch(0.9 0.01 80)",
+    input: "oklch(0.9 0.01 80)",
+    ring: "oklch(0.55 0.12 50)",
+    radius: "0.75rem"
+  },
+  /** Purple creative theme. Vibrant purple accent. */
+  purple: {
+    background: "oklch(0.99 0.003 310)",
+    foreground: "oklch(0.15 0.02 310)",
+    primary: "oklch(0.55 0.22 310)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.01 310)",
+    secondaryForeground: "oklch(0.15 0.02 310)",
+    muted: "oklch(0.96 0.01 310)",
+    mutedForeground: "oklch(0.5 0.04 310)",
+    accent: "oklch(0.94 0.015 310)",
+    accentForeground: "oklch(0.15 0.02 310)",
+    card: "oklch(0.99 0.003 310)",
+    cardForeground: "oklch(0.15 0.02 310)",
+    popover: "oklch(0.99 0.003 310)",
+    popoverForeground: "oklch(0.15 0.02 310)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.92 0.005 310)",
+    input: "oklch(0.92 0.005 310)",
+    ring: "oklch(0.55 0.22 310)",
+    radius: "0.75rem"
+  },
+  /** Green nature theme. Fresh green tones. */
+  green: {
+    background: "oklch(0.99 0.003 150)",
+    foreground: "oklch(0.15 0.02 150)",
+    primary: "oklch(0.55 0.18 155)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.01 150)",
+    secondaryForeground: "oklch(0.15 0.02 150)",
+    muted: "oklch(0.96 0.01 150)",
+    mutedForeground: "oklch(0.5 0.03 150)",
+    accent: "oklch(0.94 0.015 150)",
+    accentForeground: "oklch(0.15 0.02 150)",
+    card: "oklch(0.99 0.003 150)",
+    cardForeground: "oklch(0.15 0.02 150)",
+    popover: "oklch(0.99 0.003 150)",
+    popoverForeground: "oklch(0.15 0.02 150)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.92 0.008 150)",
+    input: "oklch(0.92 0.008 150)",
+    ring: "oklch(0.55 0.18 155)",
+    radius: "0.625rem"
+  }
+};
+exports.themeToStyleVars = themeToStyleVars;
+exports.themes = themes;
+//# sourceMappingURL=index.cjs.map

package/dist/theme/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/theme/index.ts"],"sourcesContent":["/**\n * Athena SDK Theming System\n *\n * Usage:\n *   import { AthenaProvider, themes } from '@athenaintel/react';\n *\n *   // Use a preset theme\n *   <AthenaProvider theme={themes.dark}>\n *\n *   // Customize a preset\n *   <AthenaProvider theme={{ ...themes.dark, primary: '#8b5cf6' }}>\n *\n *   // Full custom theme\n *   <AthenaProvider theme={{ primary: '#2563eb', background: '#fafafa', radius: '1rem' }}>\n */\n\nexport interface AthenaTheme {\n  // ── Core ──────────────────────────────────────────────────────────\n  /** Brand / accent color. Send button, active states, focus ring, spinner. */\n  primary?: string;\n  /** Text color on primary background. Set this with `primary` when you change contrast significantly. */\n  primaryForeground?: string;\n  /** Page / panel background. */\n  background?: string;\n  /** Primary text color. */\n  foreground?: string;\n\n  // ── Surfaces ──────────────────────────────────────────────────────\n  /** Subtle background. User message bubble, sidebar hover, thread highlight. */\n  muted?: string;\n  /** De-emphasized text. Timestamps, placeholders, sidebar items. */\n  mutedForeground?: string;\n  /** Hover / focus highlight background. */\n  accent?: string;\n  /** Text on accent background. */\n  accentForeground?: string;\n  /** Secondary surface color. */\n  secondary?: string;\n  /** Text on secondary surface. */\n  secondaryForeground?: string;\n  /** Card / modal surface color. */\n  card?: string;\n  /** Text on card surface. */\n  cardForeground?: string;\n  /** Popover / tooltip / dropdown surface. */\n  popover?: string;\n  /** Text on popover surface. */\n  popoverForeground?: string;\n\n  // ── Feedback ──────────────────────────────────────────────────────\n  /** Error / danger color. Error banners, delete actions. */\n  destructive?: string;\n\n  // ── Borders ───────────────────────────────────────────────────────\n  /** Default border color. Dividers, card borders. */\n  border?: string;\n  /** Input field border color. Composer border. */\n  input?: string;\n  /** Focus ring color. Composer focus ring. */\n  ring?: string;\n\n  // ── Layout ────────────────────────────────────────────────────────\n  /** Base border radius for all rounded corners. e.g. '0.5rem', '0.75rem', '0' */\n  radius?: string;\n  /** Font family for all text. e.g. \"'Inter', sans-serif\", \"system-ui\" */\n  fontFamily?: string;\n\n  // ── Sidebar ───────────────────────────────────────────────────────\n  /** Sidebar background color. Falls back to muted with transparency. */\n  sidebarBackground?: string;\n  /** Sidebar border color. Falls back to border. */\n  sidebarBorder?: string;\n  /** Sidebar width. e.g. '280px', '20rem'. */\n  sidebarWidth?: string;\n\n  // ── Chat ──────────────────────────────────────────────────────────\n  /** User message bubble background. Falls back to muted. */\n  userBubble?: string;\n  /** User message bubble text color. Falls back to foreground. Set this when `userBubble` is dark or saturated. */\n  userBubbleForeground?: string;\n  /** User message bubble border radius. e.g. '1rem', '0.5rem'. */\n  userBubbleRadius?: string;\n  /** Assistant message text color. Falls back to foreground. Set this when `assistantBubble` reduces contrast. */\n  assistantForeground?: string;\n  /** Assistant message bubble background. Transparent by default. */\n  assistantBubble?: string;\n  /** Composer border color. Falls back to input. */\n  composerBorder?: string;\n  /** Composer border radius. Falls back to radius-based default. */\n  composerRadius?: string;\n  /** Max width of the chat thread area. e.g. '44rem', '56rem'. */\n  threadMaxWidth?: string;\n}\n\n// ── CSS Variable Mapping ────────────────────────────────────────────\n\nconst THEME_TO_CSS: Record<string, string> = {\n  primary: '--primary',\n  primaryForeground: '--primary-foreground',\n  background: '--background',\n  foreground: '--foreground',\n  muted: '--muted',\n  mutedForeground: '--muted-foreground',\n  accent: '--accent',\n  accentForeground: '--accent-foreground',\n  secondary: '--secondary',\n  secondaryForeground: '--secondary-foreground',\n  card: '--card',\n  cardForeground: '--card-foreground',\n  popover: '--popover',\n  popoverForeground: '--popover-foreground',\n  destructive: '--destructive',\n  border: '--border',\n  input: '--input',\n  ring: '--ring',\n  radius: '--radius',\n  fontFamily: '--font-family',\n  // Extended SDK-specific variables\n  sidebarBackground: '--sidebar-background',\n  sidebarBorder: '--sidebar-border',\n  sidebarWidth: '--sidebar-width',\n  userBubble: '--user-bubble',\n  userBubbleForeground: '--user-bubble-foreground',\n  userBubbleRadius: '--user-bubble-radius',\n  assistantForeground: '--assistant-foreground',\n  assistantBubble: '--assistant-bubble',\n  composerBorder: '--composer-border',\n  composerRadius: '--composer-radius',\n  threadMaxWidth: '--thread-max-width',\n};\n\n/** Convert an AthenaTheme object to a CSS variables style object. */\nexport function themeToStyleVars(theme: AthenaTheme): Record<string, string> {\n  const vars: Record<string, string> = {};\n  for (const [key, value] of Object.entries(theme)) {\n    if (value != null && THEME_TO_CSS[key]) {\n      vars[THEME_TO_CSS[key]] = value;\n    }\n  }\n  return vars;\n}\n\n// ── Preset Themes ───────────────────────────────────────────────────\n\nexport const themes = {\n  /** Default light theme. Neutral grays with blue accent. */\n  light: {\n    background: 'oklch(0.99 0 0)',\n    foreground: 'oklch(0.13 0 0)',\n    primary: 'oklch(0.55 0.2 250)',\n    primaryForeground: 'oklch(1 0 0)',\n    secondary: 'oklch(0.96 0.005 250)',\n    secondaryForeground: 'oklch(0.13 0 0)',\n    muted: 'oklch(0.96 0.005 250)',\n    mutedForeground: 'oklch(0.5 0.02 250)',\n    accent: 'oklch(0.94 0.01 250)',\n    accentForeground: 'oklch(0.13 0 0)',\n    card: 'oklch(0.99 0 0)',\n    cardForeground: 'oklch(0.13 0 0)',\n    popover: 'oklch(0.99 0 0)',\n    popoverForeground: 'oklch(0.13 0 0)',\n    destructive: 'oklch(0.55 0.22 27)',\n    border: 'oklch(0.91 0.005 250)',\n    input: 'oklch(0.91 0.005 250)',\n    ring: 'oklch(0.55 0.2 250)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n\n  /** Dark theme. Deep gray background with lighter text. */\n  dark: {\n    background: 'oklch(0.15 0 0)',\n    foreground: 'oklch(0.95 0 0)',\n    primary: 'oklch(0.7 0.15 250)',\n    primaryForeground: 'oklch(0.13 0 0)',\n    secondary: 'oklch(0.22 0 0)',\n    secondaryForeground: 'oklch(0.95 0 0)',\n    muted: 'oklch(0.22 0 0)',\n    mutedForeground: 'oklch(0.65 0 0)',\n    accent: 'oklch(0.25 0 0)',\n    accentForeground: 'oklch(0.95 0 0)',\n    card: 'oklch(0.18 0 0)',\n    cardForeground: 'oklch(0.95 0 0)',\n    popover: 'oklch(0.18 0 0)',\n    popoverForeground: 'oklch(0.95 0 0)',\n    destructive: 'oklch(0.65 0.2 25)',\n    border: 'oklch(1 0 0 / 10%)',\n    input: 'oklch(1 0 0 / 15%)',\n    ring: 'oklch(0.7 0.15 250)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n\n  /** Midnight theme. Deep navy with soft blue tones. */\n  midnight: {\n    background: 'oklch(0.16 0.02 260)',\n    foreground: 'oklch(0.92 0.01 250)',\n    primary: 'oklch(0.68 0.16 250)',\n    primaryForeground: 'oklch(0.98 0 0)',\n    secondary: 'oklch(0.22 0.02 260)',\n    secondaryForeground: 'oklch(0.92 0.01 250)',\n    muted: 'oklch(0.22 0.02 260)',\n    mutedForeground: 'oklch(0.6 0.04 250)',\n    accent: 'oklch(0.26 0.03 260)',\n    accentForeground: 'oklch(0.92 0.01 250)',\n    card: 'oklch(0.19 0.02 260)',\n    cardForeground: 'oklch(0.92 0.01 250)',\n    popover: 'oklch(0.19 0.02 260)',\n    popoverForeground: 'oklch(0.92 0.01 250)',\n    destructive: 'oklch(0.65 0.2 25)',\n    border: 'oklch(0.3 0.03 260)',\n    input: 'oklch(0.3 0.03 260)',\n    ring: 'oklch(0.68 0.16 250)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n\n  /** Warm earthy theme. Brown and sand tones. */\n  warm: {\n    background: 'oklch(0.98 0.005 80)',\n    foreground: 'oklch(0.2 0.02 50)',\n    primary: 'oklch(0.55 0.12 50)',\n    primaryForeground: 'oklch(0.98 0 0)',\n    secondary: 'oklch(0.94 0.01 80)',\n    secondaryForeground: 'oklch(0.2 0.02 50)',\n    muted: 'oklch(0.95 0.01 80)',\n    mutedForeground: 'oklch(0.5 0.03 50)',\n    accent: 'oklch(0.92 0.015 80)',\n    accentForeground: 'oklch(0.2 0.02 50)',\n    card: 'oklch(0.98 0.005 80)',\n    cardForeground: 'oklch(0.2 0.02 50)',\n    popover: 'oklch(0.98 0.005 80)',\n    popoverForeground: 'oklch(0.2 0.02 50)',\n    destructive: 'oklch(0.55 0.2 25)',\n    border: 'oklch(0.9 0.01 80)',\n    input: 'oklch(0.9 0.01 80)',\n    ring: 'oklch(0.55 0.12 50)',\n    radius: '0.75rem',\n  } satisfies AthenaTheme,\n\n  /** Purple creative theme. Vibrant purple accent. */\n  purple: {\n    background: 'oklch(0.99 0.003 310)',\n    foreground: 'oklch(0.15 0.02 310)',\n    primary: 'oklch(0.55 0.22 310)',\n    primaryForeground: 'oklch(1 0 0)',\n    secondary: 'oklch(0.96 0.01 310)',\n    secondaryForeground: 'oklch(0.15 0.02 310)',\n    muted: 'oklch(0.96 0.01 310)',\n    mutedForeground: 'oklch(0.5 0.04 310)',\n    accent: 'oklch(0.94 0.015 310)',\n    accentForeground: 'oklch(0.15 0.02 310)',\n    card: 'oklch(0.99 0.003 310)',\n    cardForeground: 'oklch(0.15 0.02 310)',\n    popover: 'oklch(0.99 0.003 310)',\n    popoverForeground: 'oklch(0.15 0.02 310)',\n    destructive: 'oklch(0.55 0.22 27)',\n    border: 'oklch(0.92 0.005 310)',\n    input: 'oklch(0.92 0.005 310)',\n    ring: 'oklch(0.55 0.22 310)',\n    radius: '0.75rem',\n  } satisfies AthenaTheme,\n\n  /** Green nature theme. Fresh green tones. */\n  green: {\n    background: 'oklch(0.99 0.003 150)',\n    foreground: 'oklch(0.15 0.02 150)',\n    primary: 'oklch(0.55 0.18 155)',\n    primaryForeground: 'oklch(1 0 0)',\n    secondary: 'oklch(0.96 0.01 150)',\n    secondaryForeground: 'oklch(0.15 0.02 150)',\n    muted: 'oklch(0.96 0.01 150)',\n    mutedForeground: 'oklch(0.5 0.03 150)',\n    accent: 'oklch(0.94 0.015 150)',\n    accentForeground: 'oklch(0.15 0.02 150)',\n    card: 'oklch(0.99 0.003 150)',\n    cardForeground: 'oklch(0.15 0.02 150)',\n    popover: 'oklch(0.99 0.003 150)',\n    popoverForeground: 'oklch(0.15 0.02 150)',\n    destructive: 'oklch(0.55 0.22 27)',\n    border: 'oklch(0.92 0.008 150)',\n    input: 'oklch(0.92 0.008 150)',\n    ring: 'oklch(0.55 0.18 155)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n} as const;\n"],"names":[],"mappings":"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"}

package/dist/theme/index.js

@@ -0,0 +1,182 @@
+const THEME_TO_CSS = {
+  primary: "--primary",
+  primaryForeground: "--primary-foreground",
+  background: "--background",
+  foreground: "--foreground",
+  muted: "--muted",
+  mutedForeground: "--muted-foreground",
+  accent: "--accent",
+  accentForeground: "--accent-foreground",
+  secondary: "--secondary",
+  secondaryForeground: "--secondary-foreground",
+  card: "--card",
+  cardForeground: "--card-foreground",
+  popover: "--popover",
+  popoverForeground: "--popover-foreground",
+  destructive: "--destructive",
+  border: "--border",
+  input: "--input",
+  ring: "--ring",
+  radius: "--radius",
+  fontFamily: "--font-family",
+  // Extended SDK-specific variables
+  sidebarBackground: "--sidebar-background",
+  sidebarBorder: "--sidebar-border",
+  sidebarWidth: "--sidebar-width",
+  userBubble: "--user-bubble",
+  userBubbleForeground: "--user-bubble-foreground",
+  userBubbleRadius: "--user-bubble-radius",
+  assistantForeground: "--assistant-foreground",
+  assistantBubble: "--assistant-bubble",
+  composerBorder: "--composer-border",
+  composerRadius: "--composer-radius",
+  threadMaxWidth: "--thread-max-width"
+};
+function themeToStyleVars(theme) {
+  const vars = {};
+  for (const [key, value] of Object.entries(theme)) {
+    if (value != null && THEME_TO_CSS[key]) {
+      vars[THEME_TO_CSS[key]] = value;
+    }
+  }
+  return vars;
+}
+const themes = {
+  /** Default light theme. Neutral grays with blue accent. */
+  light: {
+    background: "oklch(0.99 0 0)",
+    foreground: "oklch(0.13 0 0)",
+    primary: "oklch(0.55 0.2 250)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.005 250)",
+    secondaryForeground: "oklch(0.13 0 0)",
+    muted: "oklch(0.96 0.005 250)",
+    mutedForeground: "oklch(0.5 0.02 250)",
+    accent: "oklch(0.94 0.01 250)",
+    accentForeground: "oklch(0.13 0 0)",
+    card: "oklch(0.99 0 0)",
+    cardForeground: "oklch(0.13 0 0)",
+    popover: "oklch(0.99 0 0)",
+    popoverForeground: "oklch(0.13 0 0)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.91 0.005 250)",
+    input: "oklch(0.91 0.005 250)",
+    ring: "oklch(0.55 0.2 250)",
+    radius: "0.625rem"
+  },
+  /** Dark theme. Deep gray background with lighter text. */
+  dark: {
+    background: "oklch(0.15 0 0)",
+    foreground: "oklch(0.95 0 0)",
+    primary: "oklch(0.7 0.15 250)",
+    primaryForeground: "oklch(0.13 0 0)",
+    secondary: "oklch(0.22 0 0)",
+    secondaryForeground: "oklch(0.95 0 0)",
+    muted: "oklch(0.22 0 0)",
+    mutedForeground: "oklch(0.65 0 0)",
+    accent: "oklch(0.25 0 0)",
+    accentForeground: "oklch(0.95 0 0)",
+    card: "oklch(0.18 0 0)",
+    cardForeground: "oklch(0.95 0 0)",
+    popover: "oklch(0.18 0 0)",
+    popoverForeground: "oklch(0.95 0 0)",
+    destructive: "oklch(0.65 0.2 25)",
+    border: "oklch(1 0 0 / 10%)",
+    input: "oklch(1 0 0 / 15%)",
+    ring: "oklch(0.7 0.15 250)",
+    radius: "0.625rem"
+  },
+  /** Midnight theme. Deep navy with soft blue tones. */
+  midnight: {
+    background: "oklch(0.16 0.02 260)",
+    foreground: "oklch(0.92 0.01 250)",
+    primary: "oklch(0.68 0.16 250)",
+    primaryForeground: "oklch(0.98 0 0)",
+    secondary: "oklch(0.22 0.02 260)",
+    secondaryForeground: "oklch(0.92 0.01 250)",
+    muted: "oklch(0.22 0.02 260)",
+    mutedForeground: "oklch(0.6 0.04 250)",
+    accent: "oklch(0.26 0.03 260)",
+    accentForeground: "oklch(0.92 0.01 250)",
+    card: "oklch(0.19 0.02 260)",
+    cardForeground: "oklch(0.92 0.01 250)",
+    popover: "oklch(0.19 0.02 260)",
+    popoverForeground: "oklch(0.92 0.01 250)",
+    destructive: "oklch(0.65 0.2 25)",
+    border: "oklch(0.3 0.03 260)",
+    input: "oklch(0.3 0.03 260)",
+    ring: "oklch(0.68 0.16 250)",
+    radius: "0.625rem"
+  },
+  /** Warm earthy theme. Brown and sand tones. */
+  warm: {
+    background: "oklch(0.98 0.005 80)",
+    foreground: "oklch(0.2 0.02 50)",
+    primary: "oklch(0.55 0.12 50)",
+    primaryForeground: "oklch(0.98 0 0)",
+    secondary: "oklch(0.94 0.01 80)",
+    secondaryForeground: "oklch(0.2 0.02 50)",
+    muted: "oklch(0.95 0.01 80)",
+    mutedForeground: "oklch(0.5 0.03 50)",
+    accent: "oklch(0.92 0.015 80)",
+    accentForeground: "oklch(0.2 0.02 50)",
+    card: "oklch(0.98 0.005 80)",
+    cardForeground: "oklch(0.2 0.02 50)",
+    popover: "oklch(0.98 0.005 80)",
+    popoverForeground: "oklch(0.2 0.02 50)",
+    destructive: "oklch(0.55 0.2 25)",
+    border: "oklch(0.9 0.01 80)",
+    input: "oklch(0.9 0.01 80)",
+    ring: "oklch(0.55 0.12 50)",
+    radius: "0.75rem"
+  },
+  /** Purple creative theme. Vibrant purple accent. */
+  purple: {
+    background: "oklch(0.99 0.003 310)",
+    foreground: "oklch(0.15 0.02 310)",
+    primary: "oklch(0.55 0.22 310)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.01 310)",
+    secondaryForeground: "oklch(0.15 0.02 310)",
+    muted: "oklch(0.96 0.01 310)",
+    mutedForeground: "oklch(0.5 0.04 310)",
+    accent: "oklch(0.94 0.015 310)",
+    accentForeground: "oklch(0.15 0.02 310)",
+    card: "oklch(0.99 0.003 310)",
+    cardForeground: "oklch(0.15 0.02 310)",
+    popover: "oklch(0.99 0.003 310)",
+    popoverForeground: "oklch(0.15 0.02 310)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.92 0.005 310)",
+    input: "oklch(0.92 0.005 310)",
+    ring: "oklch(0.55 0.22 310)",
+    radius: "0.75rem"
+  },
+  /** Green nature theme. Fresh green tones. */
+  green: {
+    background: "oklch(0.99 0.003 150)",
+    foreground: "oklch(0.15 0.02 150)",
+    primary: "oklch(0.55 0.18 155)",
+    primaryForeground: "oklch(1 0 0)",
+    secondary: "oklch(0.96 0.01 150)",
+    secondaryForeground: "oklch(0.15 0.02 150)",
+    muted: "oklch(0.96 0.01 150)",
+    mutedForeground: "oklch(0.5 0.03 150)",
+    accent: "oklch(0.94 0.015 150)",
+    accentForeground: "oklch(0.15 0.02 150)",
+    card: "oklch(0.99 0.003 150)",
+    cardForeground: "oklch(0.15 0.02 150)",
+    popover: "oklch(0.99 0.003 150)",
+    popoverForeground: "oklch(0.15 0.02 150)",
+    destructive: "oklch(0.55 0.22 27)",
+    border: "oklch(0.92 0.008 150)",
+    input: "oklch(0.92 0.008 150)",
+    ring: "oklch(0.55 0.18 155)",
+    radius: "0.625rem"
+  }
+};
+export {
+  themeToStyleVars,
+  themes
+};
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["/**\n * Athena SDK Theming System\n *\n * Usage:\n *   import { AthenaProvider, themes } from '@athenaintel/react';\n *\n *   // Use a preset theme\n *   <AthenaProvider theme={themes.dark}>\n *\n *   // Customize a preset\n *   <AthenaProvider theme={{ ...themes.dark, primary: '#8b5cf6' }}>\n *\n *   // Full custom theme\n *   <AthenaProvider theme={{ primary: '#2563eb', background: '#fafafa', radius: '1rem' }}>\n */\n\nexport interface AthenaTheme {\n  // ── Core ──────────────────────────────────────────────────────────\n  /** Brand / accent color. Send button, active states, focus ring, spinner. */\n  primary?: string;\n  /** Text color on primary background. Set this with `primary` when you change contrast significantly. */\n  primaryForeground?: string;\n  /** Page / panel background. */\n  background?: string;\n  /** Primary text color. */\n  foreground?: string;\n\n  // ── Surfaces ──────────────────────────────────────────────────────\n  /** Subtle background. User message bubble, sidebar hover, thread highlight. */\n  muted?: string;\n  /** De-emphasized text. Timestamps, placeholders, sidebar items. */\n  mutedForeground?: string;\n  /** Hover / focus highlight background. */\n  accent?: string;\n  /** Text on accent background. */\n  accentForeground?: string;\n  /** Secondary surface color. */\n  secondary?: string;\n  /** Text on secondary surface. */\n  secondaryForeground?: string;\n  /** Card / modal surface color. */\n  card?: string;\n  /** Text on card surface. */\n  cardForeground?: string;\n  /** Popover / tooltip / dropdown surface. */\n  popover?: string;\n  /** Text on popover surface. */\n  popoverForeground?: string;\n\n  // ── Feedback ──────────────────────────────────────────────────────\n  /** Error / danger color. Error banners, delete actions. */\n  destructive?: string;\n\n  // ── Borders ───────────────────────────────────────────────────────\n  /** Default border color. Dividers, card borders. */\n  border?: string;\n  /** Input field border color. Composer border. */\n  input?: string;\n  /** Focus ring color. Composer focus ring. */\n  ring?: string;\n\n  // ── Layout ────────────────────────────────────────────────────────\n  /** Base border radius for all rounded corners. e.g. '0.5rem', '0.75rem', '0' */\n  radius?: string;\n  /** Font family for all text. e.g. \"'Inter', sans-serif\", \"system-ui\" */\n  fontFamily?: string;\n\n  // ── Sidebar ───────────────────────────────────────────────────────\n  /** Sidebar background color. Falls back to muted with transparency. */\n  sidebarBackground?: string;\n  /** Sidebar border color. Falls back to border. */\n  sidebarBorder?: string;\n  /** Sidebar width. e.g. '280px', '20rem'. */\n  sidebarWidth?: string;\n\n  // ── Chat ──────────────────────────────────────────────────────────\n  /** User message bubble background. Falls back to muted. */\n  userBubble?: string;\n  /** User message bubble text color. Falls back to foreground. Set this when `userBubble` is dark or saturated. */\n  userBubbleForeground?: string;\n  /** User message bubble border radius. e.g. '1rem', '0.5rem'. */\n  userBubbleRadius?: string;\n  /** Assistant message text color. Falls back to foreground. Set this when `assistantBubble` reduces contrast. */\n  assistantForeground?: string;\n  /** Assistant message bubble background. Transparent by default. */\n  assistantBubble?: string;\n  /** Composer border color. Falls back to input. */\n  composerBorder?: string;\n  /** Composer border radius. Falls back to radius-based default. */\n  composerRadius?: string;\n  /** Max width of the chat thread area. e.g. '44rem', '56rem'. */\n  threadMaxWidth?: string;\n}\n\n// ── CSS Variable Mapping ────────────────────────────────────────────\n\nconst THEME_TO_CSS: Record<string, string> = {\n  primary: '--primary',\n  primaryForeground: '--primary-foreground',\n  background: '--background',\n  foreground: '--foreground',\n  muted: '--muted',\n  mutedForeground: '--muted-foreground',\n  accent: '--accent',\n  accentForeground: '--accent-foreground',\n  secondary: '--secondary',\n  secondaryForeground: '--secondary-foreground',\n  card: '--card',\n  cardForeground: '--card-foreground',\n  popover: '--popover',\n  popoverForeground: '--popover-foreground',\n  destructive: '--destructive',\n  border: '--border',\n  input: '--input',\n  ring: '--ring',\n  radius: '--radius',\n  fontFamily: '--font-family',\n  // Extended SDK-specific variables\n  sidebarBackground: '--sidebar-background',\n  sidebarBorder: '--sidebar-border',\n  sidebarWidth: '--sidebar-width',\n  userBubble: '--user-bubble',\n  userBubbleForeground: '--user-bubble-foreground',\n  userBubbleRadius: '--user-bubble-radius',\n  assistantForeground: '--assistant-foreground',\n  assistantBubble: '--assistant-bubble',\n  composerBorder: '--composer-border',\n  composerRadius: '--composer-radius',\n  threadMaxWidth: '--thread-max-width',\n};\n\n/** Convert an AthenaTheme object to a CSS variables style object. */\nexport function themeToStyleVars(theme: AthenaTheme): Record<string, string> {\n  const vars: Record<string, string> = {};\n  for (const [key, value] of Object.entries(theme)) {\n    if (value != null && THEME_TO_CSS[key]) {\n      vars[THEME_TO_CSS[key]] = value;\n    }\n  }\n  return vars;\n}\n\n// ── Preset Themes ───────────────────────────────────────────────────\n\nexport const themes = {\n  /** Default light theme. Neutral grays with blue accent. */\n  light: {\n    background: 'oklch(0.99 0 0)',\n    foreground: 'oklch(0.13 0 0)',\n    primary: 'oklch(0.55 0.2 250)',\n    primaryForeground: 'oklch(1 0 0)',\n    secondary: 'oklch(0.96 0.005 250)',\n    secondaryForeground: 'oklch(0.13 0 0)',\n    muted: 'oklch(0.96 0.005 250)',\n    mutedForeground: 'oklch(0.5 0.02 250)',\n    accent: 'oklch(0.94 0.01 250)',\n    accentForeground: 'oklch(0.13 0 0)',\n    card: 'oklch(0.99 0 0)',\n    cardForeground: 'oklch(0.13 0 0)',\n    popover: 'oklch(0.99 0 0)',\n    popoverForeground: 'oklch(0.13 0 0)',\n    destructive: 'oklch(0.55 0.22 27)',\n    border: 'oklch(0.91 0.005 250)',\n    input: 'oklch(0.91 0.005 250)',\n    ring: 'oklch(0.55 0.2 250)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n\n  /** Dark theme. Deep gray background with lighter text. */\n  dark: {\n    background: 'oklch(0.15 0 0)',\n    foreground: 'oklch(0.95 0 0)',\n    primary: 'oklch(0.7 0.15 250)',\n    primaryForeground: 'oklch(0.13 0 0)',\n    secondary: 'oklch(0.22 0 0)',\n    secondaryForeground: 'oklch(0.95 0 0)',\n    muted: 'oklch(0.22 0 0)',\n    mutedForeground: 'oklch(0.65 0 0)',\n    accent: 'oklch(0.25 0 0)',\n    accentForeground: 'oklch(0.95 0 0)',\n    card: 'oklch(0.18 0 0)',\n    cardForeground: 'oklch(0.95 0 0)',\n    popover: 'oklch(0.18 0 0)',\n    popoverForeground: 'oklch(0.95 0 0)',\n    destructive: 'oklch(0.65 0.2 25)',\n    border: 'oklch(1 0 0 / 10%)',\n    input: 'oklch(1 0 0 / 15%)',\n    ring: 'oklch(0.7 0.15 250)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n\n  /** Midnight theme. Deep navy with soft blue tones. */\n  midnight: {\n    background: 'oklch(0.16 0.02 260)',\n    foreground: 'oklch(0.92 0.01 250)',\n    primary: 'oklch(0.68 0.16 250)',\n    primaryForeground: 'oklch(0.98 0 0)',\n    secondary: 'oklch(0.22 0.02 260)',\n    secondaryForeground: 'oklch(0.92 0.01 250)',\n    muted: 'oklch(0.22 0.02 260)',\n    mutedForeground: 'oklch(0.6 0.04 250)',\n    accent: 'oklch(0.26 0.03 260)',\n    accentForeground: 'oklch(0.92 0.01 250)',\n    card: 'oklch(0.19 0.02 260)',\n    cardForeground: 'oklch(0.92 0.01 250)',\n    popover: 'oklch(0.19 0.02 260)',\n    popoverForeground: 'oklch(0.92 0.01 250)',\n    destructive: 'oklch(0.65 0.2 25)',\n    border: 'oklch(0.3 0.03 260)',\n    input: 'oklch(0.3 0.03 260)',\n    ring: 'oklch(0.68 0.16 250)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n\n  /** Warm earthy theme. Brown and sand tones. */\n  warm: {\n    background: 'oklch(0.98 0.005 80)',\n    foreground: 'oklch(0.2 0.02 50)',\n    primary: 'oklch(0.55 0.12 50)',\n    primaryForeground: 'oklch(0.98 0 0)',\n    secondary: 'oklch(0.94 0.01 80)',\n    secondaryForeground: 'oklch(0.2 0.02 50)',\n    muted: 'oklch(0.95 0.01 80)',\n    mutedForeground: 'oklch(0.5 0.03 50)',\n    accent: 'oklch(0.92 0.015 80)',\n    accentForeground: 'oklch(0.2 0.02 50)',\n    card: 'oklch(0.98 0.005 80)',\n    cardForeground: 'oklch(0.2 0.02 50)',\n    popover: 'oklch(0.98 0.005 80)',\n    popoverForeground: 'oklch(0.2 0.02 50)',\n    destructive: 'oklch(0.55 0.2 25)',\n    border: 'oklch(0.9 0.01 80)',\n    input: 'oklch(0.9 0.01 80)',\n    ring: 'oklch(0.55 0.12 50)',\n    radius: '0.75rem',\n  } satisfies AthenaTheme,\n\n  /** Purple creative theme. Vibrant purple accent. */\n  purple: {\n    background: 'oklch(0.99 0.003 310)',\n    foreground: 'oklch(0.15 0.02 310)',\n    primary: 'oklch(0.55 0.22 310)',\n    primaryForeground: 'oklch(1 0 0)',\n    secondary: 'oklch(0.96 0.01 310)',\n    secondaryForeground: 'oklch(0.15 0.02 310)',\n    muted: 'oklch(0.96 0.01 310)',\n    mutedForeground: 'oklch(0.5 0.04 310)',\n    accent: 'oklch(0.94 0.015 310)',\n    accentForeground: 'oklch(0.15 0.02 310)',\n    card: 'oklch(0.99 0.003 310)',\n    cardForeground: 'oklch(0.15 0.02 310)',\n    popover: 'oklch(0.99 0.003 310)',\n    popoverForeground: 'oklch(0.15 0.02 310)',\n    destructive: 'oklch(0.55 0.22 27)',\n    border: 'oklch(0.92 0.005 310)',\n    input: 'oklch(0.92 0.005 310)',\n    ring: 'oklch(0.55 0.22 310)',\n    radius: '0.75rem',\n  } satisfies AthenaTheme,\n\n  /** Green nature theme. Fresh green tones. */\n  green: {\n    background: 'oklch(0.99 0.003 150)',\n    foreground: 'oklch(0.15 0.02 150)',\n    primary: 'oklch(0.55 0.18 155)',\n    primaryForeground: 'oklch(1 0 0)',\n    secondary: 'oklch(0.96 0.01 150)',\n    secondaryForeground: 'oklch(0.15 0.02 150)',\n    muted: 'oklch(0.96 0.01 150)',\n    mutedForeground: 'oklch(0.5 0.03 150)',\n    accent: 'oklch(0.94 0.015 150)',\n    accentForeground: 'oklch(0.15 0.02 150)',\n    card: 'oklch(0.99 0.003 150)',\n    cardForeground: 'oklch(0.15 0.02 150)',\n    popover: 'oklch(0.99 0.003 150)',\n    popoverForeground: 'oklch(0.15 0.02 150)',\n    destructive: 'oklch(0.55 0.22 27)',\n    border: 'oklch(0.92 0.008 150)',\n    input: 'oklch(0.92 0.008 150)',\n    ring: 'oklch(0.55 0.18 155)',\n    radius: '0.625rem',\n  } satisfies AthenaTheme,\n} as const;\n"],"names":[],"mappings":"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"}

package/dist/threads/ThreadList.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const statewireThreadList = require("./statewire-thread-list.cjs");
+const cnfast = require("cnfast");
+function ThreadList({ className }) {
+  const list = statewireThreadList.useAthenaStatewireThreadList();
+  if (!list) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cnfast.cn("athena-sdk-chrome flex flex-col gap-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: list.newThread,
+          className: "flex flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" }),
+            "New Chat"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: list.refresh,
+          className: "flex items-center justify-center rounded-lg border border-border/60 p-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          title: "Refresh threads",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children: list.threads.map((thread) => {
+      const isActive = thread.id === list.activeThreadId;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => list.selectThread(thread.id),
+          "data-active": isActive || void 0,
+          className: "flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted/30 hover:text-foreground data-[active]:bg-muted/50 data-[active]:text-foreground",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: thread.title ?? "Untitled" })
+          ]
+        },
+        thread.id
+      );
+    }) })
+  ] });
+}
+exports.ThreadList = ThreadList;
+//# sourceMappingURL=ThreadList.cjs.map

package/dist/threads/ThreadList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadList.cjs","sources":["../../src/threads/ThreadList.tsx"],"sourcesContent":["import { MessageSquare, Plus, RefreshCw } from 'lucide-react';\nimport { cn } from '../lib/utils';\nimport { useAthenaStatewireThreadList } from './statewire-thread-list';\n\nexport interface ThreadListProps {\n  className?: string;\n}\n\n/**\n * Pre-built conversation sidebar. Reads the thread-list state that\n * `<AthenaProvider enableThreadList>` provides and renders nothing outside\n * that mode — a standalone provider hosts exactly one thread.\n */\nexport function ThreadList({ className }: ThreadListProps) {\n  const list = useAthenaStatewireThreadList();\n  if (!list) return null;\n\n  return (\n    <div className={cn('athena-sdk-chrome flex flex-col gap-1', className)}>\n      <div className=\"flex items-center gap-1\">\n        <button\n          type=\"button\"\n          onClick={list.newThread}\n          className=\"flex flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground\"\n        >\n          <Plus className=\"size-4\" />\n          New Chat\n        </button>\n        <button\n          type=\"button\"\n          onClick={list.refresh}\n          className=\"flex items-center justify-center rounded-lg border border-border/60 p-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          title=\"Refresh threads\"\n        >\n          <RefreshCw className=\"size-4\" />\n        </button>\n      </div>\n\n      <div className=\"flex flex-col gap-0.5\">\n        {list.threads.map((thread) => {\n          const isActive = thread.id === list.activeThreadId;\n          return (\n            <button\n              key={thread.id}\n              type=\"button\"\n              onClick={() => list.selectThread(thread.id)}\n              data-active={isActive || undefined}\n              className=\"flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted/30 hover:text-foreground data-[active]:bg-muted/50 data-[active]:text-foreground\"\n            >\n              <MessageSquare className=\"size-3.5 shrink-0\" />\n              <span className=\"flex-1 truncate text-left\">\n                {thread.title ?? 'Untitled'}\n              </span>\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["useAthenaStatewireThreadList","cn","jsxs","jsx","Plus","RefreshCw","MessageSquare"],"mappings":";;;;;;AAaO,SAAS,WAAW,EAAE,aAA8B;AACzD,QAAM,OAAOA,oBAAAA,6BAAA;AACb,MAAI,CAAC,KAAM,QAAO;AAElB,yCACG,OAAA,EAAI,WAAWC,OAAAA,GAAG,yCAAyC,SAAS,GACnE,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,KAAK;AAAA,UACd,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAC,2BAAAA,IAACC,YAAAA,MAAA,EAAK,WAAU,SAAA,CAAS;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7BD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,KAAK;AAAA,UACd,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAAA,2BAAAA,IAACE,YAAAA,WAAA,EAAU,WAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC,GACF;AAAA,IAEAF,+BAAC,SAAI,WAAU,yBACZ,eAAK,QAAQ,IAAI,CAAC,WAAW;AAC5B,YAAM,WAAW,OAAO,OAAO,KAAK;AACpC,aACED,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,KAAK,aAAa,OAAO,EAAE;AAAA,UAC1C,eAAa,YAAY;AAAA,UACzB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAC,2BAAAA,IAACG,YAAAA,eAAA,EAAc,WAAU,oBAAA,CAAoB;AAAA,2CAC5C,QAAA,EAAK,WAAU,6BACb,UAAA,OAAO,SAAS,WAAA,CACnB;AAAA,UAAA;AAAA,QAAA;AAAA,QATK,OAAO;AAAA,MAAA;AAAA,IAYlB,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/threads/ThreadList.js

@@ -0,0 +1,55 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Plus, RefreshCw, MessageSquare } from "lucide-react";
+import { useAthenaStatewireThreadList } from "./statewire-thread-list.js";
+import { cn } from "cnfast";
+function ThreadList({ className }) {
+  const list = useAthenaStatewireThreadList();
+  if (!list) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("athena-sdk-chrome flex flex-col gap-1", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: list.newThread,
+          className: "flex flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+            "New Chat"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: list.refresh,
+          className: "flex items-center justify-center rounded-lg border border-border/60 p-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          title: "Refresh threads",
+          children: /* @__PURE__ */ jsx(RefreshCw, { className: "size-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: list.threads.map((thread) => {
+      const isActive = thread.id === list.activeThreadId;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => list.selectThread(thread.id),
+          "data-active": isActive || void 0,
+          className: "flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted/30 hover:text-foreground data-[active]:bg-muted/50 data-[active]:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(MessageSquare, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: thread.title ?? "Untitled" })
+          ]
+        },
+        thread.id
+      );
+    }) })
+  ] });
+}
+export {
+  ThreadList
+};
+//# sourceMappingURL=ThreadList.js.map

package/dist/threads/ThreadList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadList.js","sources":["../../src/threads/ThreadList.tsx"],"sourcesContent":["import { MessageSquare, Plus, RefreshCw } from 'lucide-react';\nimport { cn } from '../lib/utils';\nimport { useAthenaStatewireThreadList } from './statewire-thread-list';\n\nexport interface ThreadListProps {\n  className?: string;\n}\n\n/**\n * Pre-built conversation sidebar. Reads the thread-list state that\n * `<AthenaProvider enableThreadList>` provides and renders nothing outside\n * that mode — a standalone provider hosts exactly one thread.\n */\nexport function ThreadList({ className }: ThreadListProps) {\n  const list = useAthenaStatewireThreadList();\n  if (!list) return null;\n\n  return (\n    <div className={cn('athena-sdk-chrome flex flex-col gap-1', className)}>\n      <div className=\"flex items-center gap-1\">\n        <button\n          type=\"button\"\n          onClick={list.newThread}\n          className=\"flex flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground\"\n        >\n          <Plus className=\"size-4\" />\n          New Chat\n        </button>\n        <button\n          type=\"button\"\n          onClick={list.refresh}\n          className=\"flex items-center justify-center rounded-lg border border-border/60 p-2 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          title=\"Refresh threads\"\n        >\n          <RefreshCw className=\"size-4\" />\n        </button>\n      </div>\n\n      <div className=\"flex flex-col gap-0.5\">\n        {list.threads.map((thread) => {\n          const isActive = thread.id === list.activeThreadId;\n          return (\n            <button\n              key={thread.id}\n              type=\"button\"\n              onClick={() => list.selectThread(thread.id)}\n              data-active={isActive || undefined}\n              className=\"flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-muted-foreground text-sm transition-colors hover:bg-muted/30 hover:text-foreground data-[active]:bg-muted/50 data-[active]:text-foreground\"\n            >\n              <MessageSquare className=\"size-3.5 shrink-0\" />\n              <span className=\"flex-1 truncate text-left\">\n                {thread.title ?? 'Untitled'}\n              </span>\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAaO,SAAS,WAAW,EAAE,aAA8B;AACzD,QAAM,OAAO,6BAAA;AACb,MAAI,CAAC,KAAM,QAAO;AAElB,8BACG,OAAA,EAAI,WAAW,GAAG,yCAAyC,SAAS,GACnE,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,KAAK;AAAA,UACd,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,WAAU,SAAA,CAAS;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,KAAK;AAAA,UACd,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,UAAA,oBAAC,WAAA,EAAU,WAAU,SAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,yBACZ,eAAK,QAAQ,IAAI,CAAC,WAAW;AAC5B,YAAM,WAAW,OAAO,OAAO,KAAK;AACpC,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,SAAS,MAAM,KAAK,aAAa,OAAO,EAAE;AAAA,UAC1C,eAAa,YAAY;AAAA,UACzB,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,WAAU,oBAAA,CAAoB;AAAA,gCAC5C,QAAA,EAAK,WAAU,6BACb,UAAA,OAAO,SAAS,WAAA,CACnB;AAAA,UAAA;AAAA,QAAA;AAAA,QATK,OAAO;AAAA,MAAA;AAAA,IAYlB,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}