@agentiffai/design 1.3.25 → 1.3.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Window-DyRP81dS.d.cts → Window-Dm_I5m8i.d.cts} +5 -7
- package/dist/{Window-DyRP81dS.d.ts → Window-Dm_I5m8i.d.ts} +5 -7
- package/dist/copilotkit/index.cjs +76 -46
- package/dist/copilotkit/index.cjs.map +1 -1
- package/dist/copilotkit/index.d.cts +2 -2
- package/dist/copilotkit/index.d.ts +2 -2
- package/dist/copilotkit/index.js +76 -46
- package/dist/copilotkit/index.js.map +1 -1
- package/dist/icons/index.cjs.map +1 -1
- package/dist/icons/index.js.map +1 -1
- package/dist/index.cjs +1959 -662
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +227 -2
- package/dist/index.d.ts +227 -2
- package/dist/index.js +1900 -615
- package/dist/index.js.map +1 -1
- package/dist/layout/index.cjs +77 -17
- package/dist/layout/index.cjs.map +1 -1
- package/dist/layout/index.js +77 -17
- package/dist/layout/index.js.map +1 -1
- package/dist/theme/index.cjs +4 -4
- package/dist/theme/index.cjs.map +1 -1
- package/dist/theme/index.d.cts +12 -12
- package/dist/theme/index.d.ts +12 -12
- package/dist/theme/index.js +4 -4
- package/dist/theme/index.js.map +1 -1
- package/dist/workflow/index.cjs +91 -61
- package/dist/workflow/index.cjs.map +1 -1
- package/dist/workflow/index.js +91 -61
- package/dist/workflow/index.js.map +1 -1
- package/package.json +1 -1
package/dist/theme/index.cjs
CHANGED
|
@@ -29,7 +29,7 @@ var tokens = {
|
|
|
29
29
|
text: {
|
|
30
30
|
primary: "#FFFFFF",
|
|
31
31
|
secondary: "#B4B8C5",
|
|
32
|
-
tertiary: "#
|
|
32
|
+
tertiary: "#6B7280",
|
|
33
33
|
disabled: "#4B5563"
|
|
34
34
|
},
|
|
35
35
|
// Semantic colors
|
|
@@ -125,9 +125,9 @@ var tokens = {
|
|
|
125
125
|
},
|
|
126
126
|
typography: {
|
|
127
127
|
fontFamily: {
|
|
128
|
-
primary: "'
|
|
129
|
-
heading: "'
|
|
130
|
-
monospace: "'
|
|
128
|
+
primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
|
|
129
|
+
heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
|
|
130
|
+
monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
|
|
131
131
|
},
|
|
132
132
|
fontSize: {
|
|
133
133
|
xs: "0.875rem",
|
package/dist/theme/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/tokens.ts","../../src/theme/darkTheme.ts","../../src/theme/GlobalStyle.tsx","../../src/theme/lightTheme.ts"],"names":["createGlobalStyle"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Design Tokens\n * Centralized design system tokens for colors, typography, spacing, etc.\n * These tokens are the single source of truth for styling across all components.\n */\n\nexport const tokens = {\n colors: {\n // Brand colors\n primary: '#2CB0AB', // Teal (main brand color)\n secondary: '#264E68', // Deep Blue\n accent: '#459FB9', // Sky Blue\n seaGreen: '#4EB999', // Sea Green (additional brand color)\n\n // Backgrounds - dark theme optimized\n background: {\n darkest: '#0a1b2a', // Darkest Blue (brand color)\n darker: '#151a26', // Discord gray (preserved)\n dark: '#1b2230', // Discord surface gray (preserved)\n light: '#252d3d', // Discord border gray (preserved)\n },\n\n // Text hierarchy\n text: {\n primary: '#FFFFFF',\n secondary: '#B4B8C5',\n tertiary: '#9CA3AF',\n disabled: '#4B5563',\n },\n\n // Semantic colors\n success: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n warning: '#F59E0B',\n info: '#459FB9', // Sky Blue (brand aligned)\n\n // Status colors (for workflow/SSE events)\n status: {\n pending: '#6B7280',\n editing: '#3B82F6',\n idle: '#6B7280',\n running: '#459FB9', // Sky Blue (brand aligned)\n completed: '#2CB0AB', // Teal (brand aligned)\n failed: '#EF4444',\n timeout: '#F59E0B',\n // Badge status (online/offline pattern)\n online: '#2CB0AB',\n offline: '#EF4444',\n busy: '#459FB9',\n },\n\n // Connection status\n connection: {\n connected: '#2CB0AB', // Teal (brand aligned)\n streaming: '#459FB9', // Sky Blue (brand aligned)\n disconnected: '#EF4444',\n reconnecting: '#F59E0B',\n },\n\n // Surface variants (for overlays, cards, panels)\n surface: {\n base: '#1b2230',\n elevated: '#252d3d',\n overlay: 'rgba(255, 255, 255, 0.05)',\n overlayHover: 'rgba(255, 255, 255, 0.1)',\n overlayActive: 'rgba(255, 255, 255, 0.15)',\n subtle: 'rgba(255, 255, 255, 0.02)',\n glass: 'rgba(255, 255, 255, 0.26)',\n glassBorder: 'rgba(255, 255, 255, 0.3)',\n },\n\n // UI Element colors\n border: {\n default: 'rgba(255, 255, 255, 0.1)',\n subtle: 'rgba(255, 255, 255, 0.05)',\n hover: 'rgba(255, 255, 255, 0.2)',\n focus: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n },\n\n // Scrollbar colors\n scrollbar: {\n track: 'transparent',\n thumb: 'rgba(255, 255, 255, 0.2)',\n thumbHover: 'rgba(255, 255, 255, 0.3)',\n },\n\n // Message bubbles\n message: {\n user: '#264E68', // Deep Blue (brand color)\n ai: '#1b2230', // Dark background\n system: '#151a26', // Darker background\n },\n\n // Overlays and backdrops\n overlay: 'rgba(0, 0, 0, 0.5)',\n backdrop: 'rgba(27, 34, 48, 0.95)',\n\n // Icon colors\n icon: {\n default: '#B4B8C5',\n muted: '#6B7280',\n active: '#2CB0AB',\n },\n\n // Platform brand colors (for social media icons)\n platform: {\n facebook: '#1877F2',\n instagram: '#E4405F',\n linkedin: '#0A66C2',\n x: '#000000',\n twitter: '#1DA1F2',\n youtube: '#FF0000',\n reddit: '#FF4500',\n slack: '#4A154B',\n telegram: '#0088CC',\n whatsapp: '#25D366',\n gmail: '#EA4335',\n },\n },\n\n typography: {\n fontFamily: {\n primary:\n \"'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif\",\n heading:\n \"'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif\",\n monospace: \"'Roboto Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace\",\n },\n fontSize: {\n xs: '0.875rem', // 14px (was 12px, increased for better readability)\n sm: '1rem', // 16px (was 14px, increased for better readability)\n base: '1.125rem', // 18px (was 16px, increased for better readability)\n lg: '1.125rem', // 18px (heading size, unchanged)\n xl: '1.25rem', // 20px (heading size, unchanged)\n '2xl': '1.5rem', // 24px (heading size, unchanged)\n '3xl': '1.875rem', // 30px (heading size, unchanged)\n '4xl': '2.25rem', // 36px (heading size, unchanged)\n },\n fontWeight: {\n light: 300,\n regular: 400,\n medium: 500,\n semibold: 600,\n bold: 700,\n },\n lineHeight: {\n tight: 1.25,\n normal: 1.5,\n relaxed: 1.75,\n },\n },\n\n spacing: {\n xs: '0.25rem', // 4px\n sm: '0.5rem', // 8px\n md: '1rem', // 16px\n lg: '1.5rem', // 24px\n xl: '2rem', // 32px\n '2xl': '3rem', // 48px\n '3xl': '4rem', // 64px\n },\n\n borderRadius: {\n none: '0',\n sm: '0.25rem', // 4px\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px', // Fully rounded\n },\n\n shadows: {\n none: 'none',\n sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n card: '0 4px 20px rgba(0, 0, 0, 0.3)',\n glow: {\n primary: '0 0 20px rgba(44, 176, 171, 0.3)',\n secondary: '0 0 20px rgba(38, 78, 104, 0.3)',\n accent: '0 0 20px rgba(69, 159, 185, 0.3)',\n },\n },\n\n transitions: {\n fast: '150ms ease-in-out',\n normal: '250ms ease-in-out',\n slow: '350ms ease-in-out',\n },\n\n animation: {\n duration: {\n micro: '150ms',\n short: '200ms',\n medium: '300ms',\n long: '500ms',\n },\n easing: {\n enter: 'cubic-bezier(0.4, 0, 0.2, 1)',\n exit: 'cubic-bezier(0.4, 0, 1, 1)',\n smooth: 'cubic-bezier(0.4, 0, 0.2, 1)',\n linear: 'linear',\n },\n },\n\n zIndex: {\n base: 0,\n dropdown: 1000,\n sticky: 1020,\n fixed: 1030,\n overlay: 1100,\n modal: 1200,\n popover: 1300,\n tooltip: 1400,\n toast: 1500,\n },\n\n breakpoints: {\n mobile: 640,\n tablet: 1024,\n desktop: 1280,\n },\n} as const;\n\nexport type Tokens = typeof tokens;\n","import { tokens } from './tokens';\n\n/**\n * Dark Theme\n * Applies token values for dark mode styling.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const darkTheme = {\n name: 'dark',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds\n background: tokens.colors.background,\n surface: tokens.colors.background.dark,\n surfaceHover: tokens.colors.background.light,\n\n // Text\n text: tokens.colors.text,\n textPrimary: tokens.colors.text.primary,\n textSecondary: tokens.colors.text.secondary,\n textTertiary: tokens.colors.text.tertiary,\n textDisabled: tokens.colors.text.disabled,\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border\n border: tokens.colors.border,\n borderDefault: tokens.colors.border.default,\n borderFocus: tokens.colors.border.focus,\n\n // Message\n message: tokens.colors.message,\n\n // Overlay\n overlay: tokens.colors.overlay,\n backdrop: tokens.colors.backdrop,\n\n // Icon\n icon: tokens.colors.icon,\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type DarkTheme = typeof darkTheme;\n","import { createGlobalStyle } from 'styled-components';\n\nexport const GlobalStyle = createGlobalStyle`\n /* Universal tap highlight removal - nuclear option for Android WebKit */\n * {\n -webkit-tap-highlight-color: transparent !important;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n /* Ensure tap highlight is disabled at root level */\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: ${({ theme }) => theme.fonts.body};\n color: ${({ theme }) => theme.colors.text};\n background-color: ${({ theme }) => theme.colors.surface};\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n /* Disable tap highlight on body as well */\n -webkit-tap-highlight-color: transparent;\n }\n\n /* Remove mobile tap highlight for ALL interactive elements */\n a,\n button,\n input,\n select,\n textarea,\n label,\n [role=\"button\"],\n [role=\"link\"],\n [role=\"tab\"],\n [role=\"menuitem\"],\n [role=\"option\"],\n [tabindex]:not([tabindex=\"-1\"]),\n [onclick] {\n -webkit-tap-highlight-color: transparent !important;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n\n button {\n font-family: inherit;\n /* Prevent text selection flash on tap */\n user-select: none;\n -webkit-user-select: none;\n }\n`;\n","import { tokens } from './tokens';\n\n/**\n * Light Theme\n * Applies light mode styling using token values.\n * Uses inverted colors from the dark theme for light backgrounds.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const lightTheme = {\n name: 'light',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds - light theme (inverted from dark)\n background: {\n darkest: '#FFFFFF',\n darker: '#F7F8FA',\n dark: '#EDEFF2',\n light: '#E5E7EB',\n },\n\n // Surfaces\n surface: '#FFFFFF',\n surfaceHover: '#F7F8FA',\n\n // Text - light theme (inverted)\n text: {\n primary: '#1F2937',\n secondary: '#4B5563',\n tertiary: '#9CA3AF',\n disabled: '#D1D5DB',\n },\n textPrimary: '#1F2937',\n textSecondary: '#4B5563',\n textTertiary: '#9CA3AF',\n textDisabled: '#D1D5DB',\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border - light theme\n border: {\n default: 'rgba(0, 0, 0, 0.1)',\n subtle: 'rgba(0, 0, 0, 0.05)',\n hover: 'rgba(0, 0, 0, 0.2)',\n focus: tokens.colors.primary,\n error: tokens.colors.error,\n },\n borderDefault: 'rgba(0, 0, 0, 0.1)',\n borderFocus: tokens.colors.primary,\n\n // Message\n message: {\n user: '#E0F2F1',\n ai: '#F5F5F5',\n system: '#E8E8E8',\n },\n\n // Overlay\n overlay: 'rgba(0, 0, 0, 0.3)',\n backdrop: 'rgba(255, 255, 255, 0.95)',\n\n // Icon\n icon: {\n default: '#4B5563',\n muted: '#9CA3AF',\n active: tokens.colors.primary,\n },\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type LightTheme = typeof lightTheme;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/tokens.ts","../../src/theme/darkTheme.ts","../../src/theme/GlobalStyle.tsx","../../src/theme/lightTheme.ts"],"names":["createGlobalStyle"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Design Tokens\n * Centralized design system tokens for colors, typography, spacing, etc.\n * These tokens are the single source of truth for styling across all components.\n */\n\nexport const tokens = {\n colors: {\n // Brand colors\n primary: '#2CB0AB', // Teal (main brand color)\n secondary: '#264E68', // Deep Blue\n accent: '#459FB9', // Sky Blue\n seaGreen: '#4EB999', // Sea Green (additional brand color)\n\n // Backgrounds - dark theme optimized\n background: {\n darkest: '#0a1b2a', // Darkest Blue (brand color)\n darker: '#151a26', // Discord gray (preserved)\n dark: '#1b2230', // Discord surface gray (preserved)\n light: '#252d3d', // Discord border gray (preserved)\n },\n\n // Text hierarchy\n text: {\n primary: '#FFFFFF',\n secondary: '#B4B8C5',\n tertiary: '#6B7280',\n disabled: '#4B5563',\n },\n\n // Semantic colors\n success: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n warning: '#F59E0B',\n info: '#459FB9', // Sky Blue (brand aligned)\n\n // Status colors (for workflow/SSE events)\n status: {\n pending: '#6B7280',\n editing: '#3B82F6',\n idle: '#6B7280',\n running: '#459FB9', // Sky Blue (brand aligned)\n completed: '#2CB0AB', // Teal (brand aligned)\n failed: '#EF4444',\n timeout: '#F59E0B',\n // Badge status (online/offline pattern)\n online: '#2CB0AB',\n offline: '#EF4444',\n busy: '#459FB9',\n },\n\n // Connection status\n connection: {\n connected: '#2CB0AB', // Teal (brand aligned)\n streaming: '#459FB9', // Sky Blue (brand aligned)\n disconnected: '#EF4444',\n reconnecting: '#F59E0B',\n },\n\n // Surface variants (for overlays, cards, panels)\n surface: {\n base: '#1b2230',\n elevated: '#252d3d',\n overlay: 'rgba(255, 255, 255, 0.05)',\n overlayHover: 'rgba(255, 255, 255, 0.1)',\n overlayActive: 'rgba(255, 255, 255, 0.15)',\n subtle: 'rgba(255, 255, 255, 0.02)',\n glass: 'rgba(255, 255, 255, 0.26)',\n glassBorder: 'rgba(255, 255, 255, 0.3)',\n },\n\n // UI Element colors\n border: {\n default: 'rgba(255, 255, 255, 0.1)',\n subtle: 'rgba(255, 255, 255, 0.05)',\n hover: 'rgba(255, 255, 255, 0.2)',\n focus: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n },\n\n // Scrollbar colors\n scrollbar: {\n track: 'transparent',\n thumb: 'rgba(255, 255, 255, 0.2)',\n thumbHover: 'rgba(255, 255, 255, 0.3)',\n },\n\n // Message bubbles\n message: {\n user: '#264E68', // Deep Blue (brand color)\n ai: '#1b2230', // Dark background\n system: '#151a26', // Darker background\n },\n\n // Overlays and backdrops\n overlay: 'rgba(0, 0, 0, 0.5)',\n backdrop: 'rgba(27, 34, 48, 0.95)',\n\n // Icon colors\n icon: {\n default: '#B4B8C5',\n muted: '#6B7280',\n active: '#2CB0AB',\n },\n\n // Platform brand colors (for social media icons)\n platform: {\n facebook: '#1877F2',\n instagram: '#E4405F',\n linkedin: '#0A66C2',\n x: '#000000',\n twitter: '#1DA1F2',\n youtube: '#FF0000',\n reddit: '#FF4500',\n slack: '#4A154B',\n telegram: '#0088CC',\n whatsapp: '#25D366',\n gmail: '#EA4335',\n },\n },\n\n typography: {\n fontFamily: {\n primary:\n \"'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif\",\n heading:\n \"'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif\",\n monospace: \"'Monaco', 'Menlo', 'Ubuntu Mono', monospace\",\n },\n fontSize: {\n xs: '0.875rem', // 14px (was 12px, increased for better readability)\n sm: '1rem', // 16px (was 14px, increased for better readability)\n base: '1.125rem', // 18px (was 16px, increased for better readability)\n lg: '1.125rem', // 18px (heading size, unchanged)\n xl: '1.25rem', // 20px (heading size, unchanged)\n '2xl': '1.5rem', // 24px (heading size, unchanged)\n '3xl': '1.875rem', // 30px (heading size, unchanged)\n '4xl': '2.25rem', // 36px (heading size, unchanged)\n },\n fontWeight: {\n light: 300,\n regular: 400,\n medium: 500,\n semibold: 600,\n bold: 700,\n },\n lineHeight: {\n tight: 1.25,\n normal: 1.5,\n relaxed: 1.75,\n },\n },\n\n spacing: {\n xs: '0.25rem', // 4px\n sm: '0.5rem', // 8px\n md: '1rem', // 16px\n lg: '1.5rem', // 24px\n xl: '2rem', // 32px\n '2xl': '3rem', // 48px\n '3xl': '4rem', // 64px\n },\n\n borderRadius: {\n none: '0',\n sm: '0.25rem', // 4px\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px', // Fully rounded\n },\n\n shadows: {\n none: 'none',\n sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n card: '0 4px 20px rgba(0, 0, 0, 0.3)',\n glow: {\n primary: '0 0 20px rgba(44, 176, 171, 0.3)',\n secondary: '0 0 20px rgba(38, 78, 104, 0.3)',\n accent: '0 0 20px rgba(69, 159, 185, 0.3)',\n },\n },\n\n transitions: {\n fast: '150ms ease-in-out',\n normal: '250ms ease-in-out',\n slow: '350ms ease-in-out',\n },\n\n animation: {\n duration: {\n micro: '150ms',\n short: '200ms',\n medium: '300ms',\n long: '500ms',\n },\n easing: {\n enter: 'cubic-bezier(0.4, 0, 0.2, 1)',\n exit: 'cubic-bezier(0.4, 0, 1, 1)',\n smooth: 'cubic-bezier(0.4, 0, 0.2, 1)',\n linear: 'linear',\n },\n },\n\n zIndex: {\n base: 0,\n dropdown: 1000,\n sticky: 1020,\n fixed: 1030,\n overlay: 1100,\n modal: 1200,\n popover: 1300,\n tooltip: 1400,\n toast: 1500,\n },\n\n breakpoints: {\n mobile: 640,\n tablet: 1024,\n desktop: 1280,\n },\n} as const;\n\nexport type Tokens = typeof tokens;\n","import { tokens } from './tokens';\n\n/**\n * Dark Theme\n * Applies token values for dark mode styling.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const darkTheme = {\n name: 'dark',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds\n background: tokens.colors.background,\n surface: tokens.colors.background.dark,\n surfaceHover: tokens.colors.background.light,\n\n // Text\n text: tokens.colors.text,\n textPrimary: tokens.colors.text.primary,\n textSecondary: tokens.colors.text.secondary,\n textTertiary: tokens.colors.text.tertiary,\n textDisabled: tokens.colors.text.disabled,\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border\n border: tokens.colors.border,\n borderDefault: tokens.colors.border.default,\n borderFocus: tokens.colors.border.focus,\n\n // Message\n message: tokens.colors.message,\n\n // Overlay\n overlay: tokens.colors.overlay,\n backdrop: tokens.colors.backdrop,\n\n // Icon\n icon: tokens.colors.icon,\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type DarkTheme = typeof darkTheme;\n","import { createGlobalStyle } from 'styled-components';\n\nexport const GlobalStyle = createGlobalStyle`\n /* Universal tap highlight removal - nuclear option for Android WebKit */\n * {\n -webkit-tap-highlight-color: transparent !important;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n /* Ensure tap highlight is disabled at root level */\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: ${({ theme }) => theme.fonts.body};\n color: ${({ theme }) => theme.colors.text};\n background-color: ${({ theme }) => theme.colors.surface};\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n /* Disable tap highlight on body as well */\n -webkit-tap-highlight-color: transparent;\n }\n\n /* Remove mobile tap highlight for ALL interactive elements */\n a,\n button,\n input,\n select,\n textarea,\n label,\n [role=\"button\"],\n [role=\"link\"],\n [role=\"tab\"],\n [role=\"menuitem\"],\n [role=\"option\"],\n [tabindex]:not([tabindex=\"-1\"]),\n [onclick] {\n -webkit-tap-highlight-color: transparent !important;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n\n button {\n font-family: inherit;\n /* Prevent text selection flash on tap */\n user-select: none;\n -webkit-user-select: none;\n }\n`;\n","import { tokens } from './tokens';\n\n/**\n * Light Theme\n * Applies light mode styling using token values.\n * Uses inverted colors from the dark theme for light backgrounds.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const lightTheme = {\n name: 'light',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds - light theme (inverted from dark)\n background: {\n darkest: '#FFFFFF',\n darker: '#F7F8FA',\n dark: '#EDEFF2',\n light: '#E5E7EB',\n },\n\n // Surfaces\n surface: '#FFFFFF',\n surfaceHover: '#F7F8FA',\n\n // Text - light theme (inverted)\n text: {\n primary: '#1F2937',\n secondary: '#4B5563',\n tertiary: '#9CA3AF',\n disabled: '#D1D5DB',\n },\n textPrimary: '#1F2937',\n textSecondary: '#4B5563',\n textTertiary: '#9CA3AF',\n textDisabled: '#D1D5DB',\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border - light theme\n border: {\n default: 'rgba(0, 0, 0, 0.1)',\n subtle: 'rgba(0, 0, 0, 0.05)',\n hover: 'rgba(0, 0, 0, 0.2)',\n focus: tokens.colors.primary,\n error: tokens.colors.error,\n },\n borderDefault: 'rgba(0, 0, 0, 0.1)',\n borderFocus: tokens.colors.primary,\n\n // Message\n message: {\n user: '#E0F2F1',\n ai: '#F5F5F5',\n system: '#E8E8E8',\n },\n\n // Overlay\n overlay: 'rgba(0, 0, 0, 0.3)',\n backdrop: 'rgba(255, 255, 255, 0.95)',\n\n // Icon\n icon: {\n default: '#4B5563',\n muted: '#9CA3AF',\n active: tokens.colors.primary,\n },\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type LightTheme = typeof lightTheme;\n"]}
|
package/dist/theme/index.d.cts
CHANGED
|
@@ -24,12 +24,12 @@ declare const darkTheme: {
|
|
|
24
24
|
text: {
|
|
25
25
|
readonly primary: "#FFFFFF";
|
|
26
26
|
readonly secondary: "#B4B8C5";
|
|
27
|
-
readonly tertiary: "#
|
|
27
|
+
readonly tertiary: "#6B7280";
|
|
28
28
|
readonly disabled: "#4B5563";
|
|
29
29
|
};
|
|
30
30
|
textPrimary: "#FFFFFF";
|
|
31
31
|
textSecondary: "#B4B8C5";
|
|
32
|
-
textTertiary: "#
|
|
32
|
+
textTertiary: "#6B7280";
|
|
33
33
|
textDisabled: "#4B5563";
|
|
34
34
|
success: "#2CB0AB";
|
|
35
35
|
error: "#EF4444";
|
|
@@ -90,9 +90,9 @@ declare const darkTheme: {
|
|
|
90
90
|
};
|
|
91
91
|
typography: {
|
|
92
92
|
readonly fontFamily: {
|
|
93
|
-
readonly primary: "'
|
|
94
|
-
readonly heading: "'
|
|
95
|
-
readonly monospace: "'
|
|
93
|
+
readonly primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
94
|
+
readonly heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
95
|
+
readonly monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace";
|
|
96
96
|
};
|
|
97
97
|
readonly fontSize: {
|
|
98
98
|
readonly xs: "0.875rem";
|
|
@@ -277,9 +277,9 @@ declare const lightTheme: {
|
|
|
277
277
|
};
|
|
278
278
|
typography: {
|
|
279
279
|
readonly fontFamily: {
|
|
280
|
-
readonly primary: "'
|
|
281
|
-
readonly heading: "'
|
|
282
|
-
readonly monospace: "'
|
|
280
|
+
readonly primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
281
|
+
readonly heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
282
|
+
readonly monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace";
|
|
283
283
|
};
|
|
284
284
|
readonly fontSize: {
|
|
285
285
|
readonly xs: "0.875rem";
|
|
@@ -392,7 +392,7 @@ declare const tokens: {
|
|
|
392
392
|
readonly text: {
|
|
393
393
|
readonly primary: "#FFFFFF";
|
|
394
394
|
readonly secondary: "#B4B8C5";
|
|
395
|
-
readonly tertiary: "#
|
|
395
|
+
readonly tertiary: "#6B7280";
|
|
396
396
|
readonly disabled: "#4B5563";
|
|
397
397
|
};
|
|
398
398
|
readonly success: "#2CB0AB";
|
|
@@ -467,9 +467,9 @@ declare const tokens: {
|
|
|
467
467
|
};
|
|
468
468
|
readonly typography: {
|
|
469
469
|
readonly fontFamily: {
|
|
470
|
-
readonly primary: "'
|
|
471
|
-
readonly heading: "'
|
|
472
|
-
readonly monospace: "'
|
|
470
|
+
readonly primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
471
|
+
readonly heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
472
|
+
readonly monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace";
|
|
473
473
|
};
|
|
474
474
|
readonly fontSize: {
|
|
475
475
|
readonly xs: "0.875rem";
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -24,12 +24,12 @@ declare const darkTheme: {
|
|
|
24
24
|
text: {
|
|
25
25
|
readonly primary: "#FFFFFF";
|
|
26
26
|
readonly secondary: "#B4B8C5";
|
|
27
|
-
readonly tertiary: "#
|
|
27
|
+
readonly tertiary: "#6B7280";
|
|
28
28
|
readonly disabled: "#4B5563";
|
|
29
29
|
};
|
|
30
30
|
textPrimary: "#FFFFFF";
|
|
31
31
|
textSecondary: "#B4B8C5";
|
|
32
|
-
textTertiary: "#
|
|
32
|
+
textTertiary: "#6B7280";
|
|
33
33
|
textDisabled: "#4B5563";
|
|
34
34
|
success: "#2CB0AB";
|
|
35
35
|
error: "#EF4444";
|
|
@@ -90,9 +90,9 @@ declare const darkTheme: {
|
|
|
90
90
|
};
|
|
91
91
|
typography: {
|
|
92
92
|
readonly fontFamily: {
|
|
93
|
-
readonly primary: "'
|
|
94
|
-
readonly heading: "'
|
|
95
|
-
readonly monospace: "'
|
|
93
|
+
readonly primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
94
|
+
readonly heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
95
|
+
readonly monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace";
|
|
96
96
|
};
|
|
97
97
|
readonly fontSize: {
|
|
98
98
|
readonly xs: "0.875rem";
|
|
@@ -277,9 +277,9 @@ declare const lightTheme: {
|
|
|
277
277
|
};
|
|
278
278
|
typography: {
|
|
279
279
|
readonly fontFamily: {
|
|
280
|
-
readonly primary: "'
|
|
281
|
-
readonly heading: "'
|
|
282
|
-
readonly monospace: "'
|
|
280
|
+
readonly primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
281
|
+
readonly heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
282
|
+
readonly monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace";
|
|
283
283
|
};
|
|
284
284
|
readonly fontSize: {
|
|
285
285
|
readonly xs: "0.875rem";
|
|
@@ -392,7 +392,7 @@ declare const tokens: {
|
|
|
392
392
|
readonly text: {
|
|
393
393
|
readonly primary: "#FFFFFF";
|
|
394
394
|
readonly secondary: "#B4B8C5";
|
|
395
|
-
readonly tertiary: "#
|
|
395
|
+
readonly tertiary: "#6B7280";
|
|
396
396
|
readonly disabled: "#4B5563";
|
|
397
397
|
};
|
|
398
398
|
readonly success: "#2CB0AB";
|
|
@@ -467,9 +467,9 @@ declare const tokens: {
|
|
|
467
467
|
};
|
|
468
468
|
readonly typography: {
|
|
469
469
|
readonly fontFamily: {
|
|
470
|
-
readonly primary: "'
|
|
471
|
-
readonly heading: "'
|
|
472
|
-
readonly monospace: "'
|
|
470
|
+
readonly primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
471
|
+
readonly heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif";
|
|
472
|
+
readonly monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace";
|
|
473
473
|
};
|
|
474
474
|
readonly fontSize: {
|
|
475
475
|
readonly xs: "0.875rem";
|
package/dist/theme/index.js
CHANGED
|
@@ -27,7 +27,7 @@ var tokens = {
|
|
|
27
27
|
text: {
|
|
28
28
|
primary: "#FFFFFF",
|
|
29
29
|
secondary: "#B4B8C5",
|
|
30
|
-
tertiary: "#
|
|
30
|
+
tertiary: "#6B7280",
|
|
31
31
|
disabled: "#4B5563"
|
|
32
32
|
},
|
|
33
33
|
// Semantic colors
|
|
@@ -123,9 +123,9 @@ var tokens = {
|
|
|
123
123
|
},
|
|
124
124
|
typography: {
|
|
125
125
|
fontFamily: {
|
|
126
|
-
primary: "'
|
|
127
|
-
heading: "'
|
|
128
|
-
monospace: "'
|
|
126
|
+
primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
|
|
127
|
+
heading: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
|
|
128
|
+
monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
|
|
129
129
|
},
|
|
130
130
|
fontSize: {
|
|
131
131
|
xs: "0.875rem",
|
package/dist/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/tokens.ts","../../src/theme/darkTheme.ts","../../src/theme/GlobalStyle.tsx","../../src/theme/lightTheme.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Design Tokens\n * Centralized design system tokens for colors, typography, spacing, etc.\n * These tokens are the single source of truth for styling across all components.\n */\n\nexport const tokens = {\n colors: {\n // Brand colors\n primary: '#2CB0AB', // Teal (main brand color)\n secondary: '#264E68', // Deep Blue\n accent: '#459FB9', // Sky Blue\n seaGreen: '#4EB999', // Sea Green (additional brand color)\n\n // Backgrounds - dark theme optimized\n background: {\n darkest: '#0a1b2a', // Darkest Blue (brand color)\n darker: '#151a26', // Discord gray (preserved)\n dark: '#1b2230', // Discord surface gray (preserved)\n light: '#252d3d', // Discord border gray (preserved)\n },\n\n // Text hierarchy\n text: {\n primary: '#FFFFFF',\n secondary: '#B4B8C5',\n tertiary: '#9CA3AF',\n disabled: '#4B5563',\n },\n\n // Semantic colors\n success: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n warning: '#F59E0B',\n info: '#459FB9', // Sky Blue (brand aligned)\n\n // Status colors (for workflow/SSE events)\n status: {\n pending: '#6B7280',\n editing: '#3B82F6',\n idle: '#6B7280',\n running: '#459FB9', // Sky Blue (brand aligned)\n completed: '#2CB0AB', // Teal (brand aligned)\n failed: '#EF4444',\n timeout: '#F59E0B',\n // Badge status (online/offline pattern)\n online: '#2CB0AB',\n offline: '#EF4444',\n busy: '#459FB9',\n },\n\n // Connection status\n connection: {\n connected: '#2CB0AB', // Teal (brand aligned)\n streaming: '#459FB9', // Sky Blue (brand aligned)\n disconnected: '#EF4444',\n reconnecting: '#F59E0B',\n },\n\n // Surface variants (for overlays, cards, panels)\n surface: {\n base: '#1b2230',\n elevated: '#252d3d',\n overlay: 'rgba(255, 255, 255, 0.05)',\n overlayHover: 'rgba(255, 255, 255, 0.1)',\n overlayActive: 'rgba(255, 255, 255, 0.15)',\n subtle: 'rgba(255, 255, 255, 0.02)',\n glass: 'rgba(255, 255, 255, 0.26)',\n glassBorder: 'rgba(255, 255, 255, 0.3)',\n },\n\n // UI Element colors\n border: {\n default: 'rgba(255, 255, 255, 0.1)',\n subtle: 'rgba(255, 255, 255, 0.05)',\n hover: 'rgba(255, 255, 255, 0.2)',\n focus: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n },\n\n // Scrollbar colors\n scrollbar: {\n track: 'transparent',\n thumb: 'rgba(255, 255, 255, 0.2)',\n thumbHover: 'rgba(255, 255, 255, 0.3)',\n },\n\n // Message bubbles\n message: {\n user: '#264E68', // Deep Blue (brand color)\n ai: '#1b2230', // Dark background\n system: '#151a26', // Darker background\n },\n\n // Overlays and backdrops\n overlay: 'rgba(0, 0, 0, 0.5)',\n backdrop: 'rgba(27, 34, 48, 0.95)',\n\n // Icon colors\n icon: {\n default: '#B4B8C5',\n muted: '#6B7280',\n active: '#2CB0AB',\n },\n\n // Platform brand colors (for social media icons)\n platform: {\n facebook: '#1877F2',\n instagram: '#E4405F',\n linkedin: '#0A66C2',\n x: '#000000',\n twitter: '#1DA1F2',\n youtube: '#FF0000',\n reddit: '#FF4500',\n slack: '#4A154B',\n telegram: '#0088CC',\n whatsapp: '#25D366',\n gmail: '#EA4335',\n },\n },\n\n typography: {\n fontFamily: {\n primary:\n \"'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif\",\n heading:\n \"'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif\",\n monospace: \"'Roboto Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace\",\n },\n fontSize: {\n xs: '0.875rem', // 14px (was 12px, increased for better readability)\n sm: '1rem', // 16px (was 14px, increased for better readability)\n base: '1.125rem', // 18px (was 16px, increased for better readability)\n lg: '1.125rem', // 18px (heading size, unchanged)\n xl: '1.25rem', // 20px (heading size, unchanged)\n '2xl': '1.5rem', // 24px (heading size, unchanged)\n '3xl': '1.875rem', // 30px (heading size, unchanged)\n '4xl': '2.25rem', // 36px (heading size, unchanged)\n },\n fontWeight: {\n light: 300,\n regular: 400,\n medium: 500,\n semibold: 600,\n bold: 700,\n },\n lineHeight: {\n tight: 1.25,\n normal: 1.5,\n relaxed: 1.75,\n },\n },\n\n spacing: {\n xs: '0.25rem', // 4px\n sm: '0.5rem', // 8px\n md: '1rem', // 16px\n lg: '1.5rem', // 24px\n xl: '2rem', // 32px\n '2xl': '3rem', // 48px\n '3xl': '4rem', // 64px\n },\n\n borderRadius: {\n none: '0',\n sm: '0.25rem', // 4px\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px', // Fully rounded\n },\n\n shadows: {\n none: 'none',\n sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n card: '0 4px 20px rgba(0, 0, 0, 0.3)',\n glow: {\n primary: '0 0 20px rgba(44, 176, 171, 0.3)',\n secondary: '0 0 20px rgba(38, 78, 104, 0.3)',\n accent: '0 0 20px rgba(69, 159, 185, 0.3)',\n },\n },\n\n transitions: {\n fast: '150ms ease-in-out',\n normal: '250ms ease-in-out',\n slow: '350ms ease-in-out',\n },\n\n animation: {\n duration: {\n micro: '150ms',\n short: '200ms',\n medium: '300ms',\n long: '500ms',\n },\n easing: {\n enter: 'cubic-bezier(0.4, 0, 0.2, 1)',\n exit: 'cubic-bezier(0.4, 0, 1, 1)',\n smooth: 'cubic-bezier(0.4, 0, 0.2, 1)',\n linear: 'linear',\n },\n },\n\n zIndex: {\n base: 0,\n dropdown: 1000,\n sticky: 1020,\n fixed: 1030,\n overlay: 1100,\n modal: 1200,\n popover: 1300,\n tooltip: 1400,\n toast: 1500,\n },\n\n breakpoints: {\n mobile: 640,\n tablet: 1024,\n desktop: 1280,\n },\n} as const;\n\nexport type Tokens = typeof tokens;\n","import { tokens } from './tokens';\n\n/**\n * Dark Theme\n * Applies token values for dark mode styling.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const darkTheme = {\n name: 'dark',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds\n background: tokens.colors.background,\n surface: tokens.colors.background.dark,\n surfaceHover: tokens.colors.background.light,\n\n // Text\n text: tokens.colors.text,\n textPrimary: tokens.colors.text.primary,\n textSecondary: tokens.colors.text.secondary,\n textTertiary: tokens.colors.text.tertiary,\n textDisabled: tokens.colors.text.disabled,\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border\n border: tokens.colors.border,\n borderDefault: tokens.colors.border.default,\n borderFocus: tokens.colors.border.focus,\n\n // Message\n message: tokens.colors.message,\n\n // Overlay\n overlay: tokens.colors.overlay,\n backdrop: tokens.colors.backdrop,\n\n // Icon\n icon: tokens.colors.icon,\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type DarkTheme = typeof darkTheme;\n","import { createGlobalStyle } from 'styled-components';\n\nexport const GlobalStyle = createGlobalStyle`\n /* Universal tap highlight removal - nuclear option for Android WebKit */\n * {\n -webkit-tap-highlight-color: transparent !important;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n /* Ensure tap highlight is disabled at root level */\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: ${({ theme }) => theme.fonts.body};\n color: ${({ theme }) => theme.colors.text};\n background-color: ${({ theme }) => theme.colors.surface};\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n /* Disable tap highlight on body as well */\n -webkit-tap-highlight-color: transparent;\n }\n\n /* Remove mobile tap highlight for ALL interactive elements */\n a,\n button,\n input,\n select,\n textarea,\n label,\n [role=\"button\"],\n [role=\"link\"],\n [role=\"tab\"],\n [role=\"menuitem\"],\n [role=\"option\"],\n [tabindex]:not([tabindex=\"-1\"]),\n [onclick] {\n -webkit-tap-highlight-color: transparent !important;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n\n button {\n font-family: inherit;\n /* Prevent text selection flash on tap */\n user-select: none;\n -webkit-user-select: none;\n }\n`;\n","import { tokens } from './tokens';\n\n/**\n * Light Theme\n * Applies light mode styling using token values.\n * Uses inverted colors from the dark theme for light backgrounds.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const lightTheme = {\n name: 'light',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds - light theme (inverted from dark)\n background: {\n darkest: '#FFFFFF',\n darker: '#F7F8FA',\n dark: '#EDEFF2',\n light: '#E5E7EB',\n },\n\n // Surfaces\n surface: '#FFFFFF',\n surfaceHover: '#F7F8FA',\n\n // Text - light theme (inverted)\n text: {\n primary: '#1F2937',\n secondary: '#4B5563',\n tertiary: '#9CA3AF',\n disabled: '#D1D5DB',\n },\n textPrimary: '#1F2937',\n textSecondary: '#4B5563',\n textTertiary: '#9CA3AF',\n textDisabled: '#D1D5DB',\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border - light theme\n border: {\n default: 'rgba(0, 0, 0, 0.1)',\n subtle: 'rgba(0, 0, 0, 0.05)',\n hover: 'rgba(0, 0, 0, 0.2)',\n focus: tokens.colors.primary,\n error: tokens.colors.error,\n },\n borderDefault: 'rgba(0, 0, 0, 0.1)',\n borderFocus: tokens.colors.primary,\n\n // Message\n message: {\n user: '#E0F2F1',\n ai: '#F5F5F5',\n system: '#E8E8E8',\n },\n\n // Overlay\n overlay: 'rgba(0, 0, 0, 0.3)',\n backdrop: 'rgba(255, 255, 255, 0.95)',\n\n // Icon\n icon: {\n default: '#4B5563',\n muted: '#9CA3AF',\n active: tokens.colors.primary,\n },\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type LightTheme = typeof lightTheme;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/theme/tokens.ts","../../src/theme/darkTheme.ts","../../src/theme/GlobalStyle.tsx","../../src/theme/lightTheme.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Design Tokens\n * Centralized design system tokens for colors, typography, spacing, etc.\n * These tokens are the single source of truth for styling across all components.\n */\n\nexport const tokens = {\n colors: {\n // Brand colors\n primary: '#2CB0AB', // Teal (main brand color)\n secondary: '#264E68', // Deep Blue\n accent: '#459FB9', // Sky Blue\n seaGreen: '#4EB999', // Sea Green (additional brand color)\n\n // Backgrounds - dark theme optimized\n background: {\n darkest: '#0a1b2a', // Darkest Blue (brand color)\n darker: '#151a26', // Discord gray (preserved)\n dark: '#1b2230', // Discord surface gray (preserved)\n light: '#252d3d', // Discord border gray (preserved)\n },\n\n // Text hierarchy\n text: {\n primary: '#FFFFFF',\n secondary: '#B4B8C5',\n tertiary: '#6B7280',\n disabled: '#4B5563',\n },\n\n // Semantic colors\n success: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n warning: '#F59E0B',\n info: '#459FB9', // Sky Blue (brand aligned)\n\n // Status colors (for workflow/SSE events)\n status: {\n pending: '#6B7280',\n editing: '#3B82F6',\n idle: '#6B7280',\n running: '#459FB9', // Sky Blue (brand aligned)\n completed: '#2CB0AB', // Teal (brand aligned)\n failed: '#EF4444',\n timeout: '#F59E0B',\n // Badge status (online/offline pattern)\n online: '#2CB0AB',\n offline: '#EF4444',\n busy: '#459FB9',\n },\n\n // Connection status\n connection: {\n connected: '#2CB0AB', // Teal (brand aligned)\n streaming: '#459FB9', // Sky Blue (brand aligned)\n disconnected: '#EF4444',\n reconnecting: '#F59E0B',\n },\n\n // Surface variants (for overlays, cards, panels)\n surface: {\n base: '#1b2230',\n elevated: '#252d3d',\n overlay: 'rgba(255, 255, 255, 0.05)',\n overlayHover: 'rgba(255, 255, 255, 0.1)',\n overlayActive: 'rgba(255, 255, 255, 0.15)',\n subtle: 'rgba(255, 255, 255, 0.02)',\n glass: 'rgba(255, 255, 255, 0.26)',\n glassBorder: 'rgba(255, 255, 255, 0.3)',\n },\n\n // UI Element colors\n border: {\n default: 'rgba(255, 255, 255, 0.1)',\n subtle: 'rgba(255, 255, 255, 0.05)',\n hover: 'rgba(255, 255, 255, 0.2)',\n focus: '#2CB0AB', // Teal (brand aligned)\n error: '#EF4444',\n },\n\n // Scrollbar colors\n scrollbar: {\n track: 'transparent',\n thumb: 'rgba(255, 255, 255, 0.2)',\n thumbHover: 'rgba(255, 255, 255, 0.3)',\n },\n\n // Message bubbles\n message: {\n user: '#264E68', // Deep Blue (brand color)\n ai: '#1b2230', // Dark background\n system: '#151a26', // Darker background\n },\n\n // Overlays and backdrops\n overlay: 'rgba(0, 0, 0, 0.5)',\n backdrop: 'rgba(27, 34, 48, 0.95)',\n\n // Icon colors\n icon: {\n default: '#B4B8C5',\n muted: '#6B7280',\n active: '#2CB0AB',\n },\n\n // Platform brand colors (for social media icons)\n platform: {\n facebook: '#1877F2',\n instagram: '#E4405F',\n linkedin: '#0A66C2',\n x: '#000000',\n twitter: '#1DA1F2',\n youtube: '#FF0000',\n reddit: '#FF4500',\n slack: '#4A154B',\n telegram: '#0088CC',\n whatsapp: '#25D366',\n gmail: '#EA4335',\n },\n },\n\n typography: {\n fontFamily: {\n primary:\n \"'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif\",\n heading:\n \"'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif\",\n monospace: \"'Monaco', 'Menlo', 'Ubuntu Mono', monospace\",\n },\n fontSize: {\n xs: '0.875rem', // 14px (was 12px, increased for better readability)\n sm: '1rem', // 16px (was 14px, increased for better readability)\n base: '1.125rem', // 18px (was 16px, increased for better readability)\n lg: '1.125rem', // 18px (heading size, unchanged)\n xl: '1.25rem', // 20px (heading size, unchanged)\n '2xl': '1.5rem', // 24px (heading size, unchanged)\n '3xl': '1.875rem', // 30px (heading size, unchanged)\n '4xl': '2.25rem', // 36px (heading size, unchanged)\n },\n fontWeight: {\n light: 300,\n regular: 400,\n medium: 500,\n semibold: 600,\n bold: 700,\n },\n lineHeight: {\n tight: 1.25,\n normal: 1.5,\n relaxed: 1.75,\n },\n },\n\n spacing: {\n xs: '0.25rem', // 4px\n sm: '0.5rem', // 8px\n md: '1rem', // 16px\n lg: '1.5rem', // 24px\n xl: '2rem', // 32px\n '2xl': '3rem', // 48px\n '3xl': '4rem', // 64px\n },\n\n borderRadius: {\n none: '0',\n sm: '0.25rem', // 4px\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px', // Fully rounded\n },\n\n shadows: {\n none: 'none',\n sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n card: '0 4px 20px rgba(0, 0, 0, 0.3)',\n glow: {\n primary: '0 0 20px rgba(44, 176, 171, 0.3)',\n secondary: '0 0 20px rgba(38, 78, 104, 0.3)',\n accent: '0 0 20px rgba(69, 159, 185, 0.3)',\n },\n },\n\n transitions: {\n fast: '150ms ease-in-out',\n normal: '250ms ease-in-out',\n slow: '350ms ease-in-out',\n },\n\n animation: {\n duration: {\n micro: '150ms',\n short: '200ms',\n medium: '300ms',\n long: '500ms',\n },\n easing: {\n enter: 'cubic-bezier(0.4, 0, 0.2, 1)',\n exit: 'cubic-bezier(0.4, 0, 1, 1)',\n smooth: 'cubic-bezier(0.4, 0, 0.2, 1)',\n linear: 'linear',\n },\n },\n\n zIndex: {\n base: 0,\n dropdown: 1000,\n sticky: 1020,\n fixed: 1030,\n overlay: 1100,\n modal: 1200,\n popover: 1300,\n tooltip: 1400,\n toast: 1500,\n },\n\n breakpoints: {\n mobile: 640,\n tablet: 1024,\n desktop: 1280,\n },\n} as const;\n\nexport type Tokens = typeof tokens;\n","import { tokens } from './tokens';\n\n/**\n * Dark Theme\n * Applies token values for dark mode styling.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const darkTheme = {\n name: 'dark',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds\n background: tokens.colors.background,\n surface: tokens.colors.background.dark,\n surfaceHover: tokens.colors.background.light,\n\n // Text\n text: tokens.colors.text,\n textPrimary: tokens.colors.text.primary,\n textSecondary: tokens.colors.text.secondary,\n textTertiary: tokens.colors.text.tertiary,\n textDisabled: tokens.colors.text.disabled,\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border\n border: tokens.colors.border,\n borderDefault: tokens.colors.border.default,\n borderFocus: tokens.colors.border.focus,\n\n // Message\n message: tokens.colors.message,\n\n // Overlay\n overlay: tokens.colors.overlay,\n backdrop: tokens.colors.backdrop,\n\n // Icon\n icon: tokens.colors.icon,\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type DarkTheme = typeof darkTheme;\n","import { createGlobalStyle } from 'styled-components';\n\nexport const GlobalStyle = createGlobalStyle`\n /* Universal tap highlight removal - nuclear option for Android WebKit */\n * {\n -webkit-tap-highlight-color: transparent !important;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html {\n /* Ensure tap highlight is disabled at root level */\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n }\n\n body {\n margin: 0;\n padding: 0;\n font-family: ${({ theme }) => theme.fonts.body};\n color: ${({ theme }) => theme.colors.text};\n background-color: ${({ theme }) => theme.colors.surface};\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n /* Disable tap highlight on body as well */\n -webkit-tap-highlight-color: transparent;\n }\n\n /* Remove mobile tap highlight for ALL interactive elements */\n a,\n button,\n input,\n select,\n textarea,\n label,\n [role=\"button\"],\n [role=\"link\"],\n [role=\"tab\"],\n [role=\"menuitem\"],\n [role=\"option\"],\n [tabindex]:not([tabindex=\"-1\"]),\n [onclick] {\n -webkit-tap-highlight-color: transparent !important;\n -webkit-touch-callout: none;\n touch-action: manipulation;\n }\n\n button {\n font-family: inherit;\n /* Prevent text selection flash on tap */\n user-select: none;\n -webkit-user-select: none;\n }\n`;\n","import { tokens } from './tokens';\n\n/**\n * Light Theme\n * Applies light mode styling using token values.\n * Uses inverted colors from the dark theme for light backgrounds.\n * Components should use theme values via styled-components ThemeProvider.\n */\nexport const lightTheme = {\n name: 'light',\n colors: {\n // Brand\n primary: tokens.colors.primary,\n secondary: tokens.colors.secondary,\n accent: tokens.colors.accent,\n seaGreen: tokens.colors.seaGreen,\n\n // Backgrounds - light theme (inverted from dark)\n background: {\n darkest: '#FFFFFF',\n darker: '#F7F8FA',\n dark: '#EDEFF2',\n light: '#E5E7EB',\n },\n\n // Surfaces\n surface: '#FFFFFF',\n surfaceHover: '#F7F8FA',\n\n // Text - light theme (inverted)\n text: {\n primary: '#1F2937',\n secondary: '#4B5563',\n tertiary: '#9CA3AF',\n disabled: '#D1D5DB',\n },\n textPrimary: '#1F2937',\n textSecondary: '#4B5563',\n textTertiary: '#9CA3AF',\n textDisabled: '#D1D5DB',\n\n // Semantic\n success: tokens.colors.success,\n error: tokens.colors.error,\n warning: tokens.colors.warning,\n info: tokens.colors.info,\n\n // Status\n status: tokens.colors.status,\n\n // Connection\n connection: tokens.colors.connection,\n\n // Border - light theme\n border: {\n default: 'rgba(0, 0, 0, 0.1)',\n subtle: 'rgba(0, 0, 0, 0.05)',\n hover: 'rgba(0, 0, 0, 0.2)',\n focus: tokens.colors.primary,\n error: tokens.colors.error,\n },\n borderDefault: 'rgba(0, 0, 0, 0.1)',\n borderFocus: tokens.colors.primary,\n\n // Message\n message: {\n user: '#E0F2F1',\n ai: '#F5F5F5',\n system: '#E8E8E8',\n },\n\n // Overlay\n overlay: 'rgba(0, 0, 0, 0.3)',\n backdrop: 'rgba(255, 255, 255, 0.95)',\n\n // Icon\n icon: {\n default: '#4B5563',\n muted: '#9CA3AF',\n active: tokens.colors.primary,\n },\n\n // Platform\n platform: tokens.colors.platform,\n },\n typography: tokens.typography,\n spacing: tokens.spacing,\n borderRadius: tokens.borderRadius,\n shadows: tokens.shadows,\n transitions: tokens.transitions,\n animation: tokens.animation,\n zIndex: tokens.zIndex,\n breakpoints: tokens.breakpoints,\n};\n\nexport type LightTheme = typeof lightTheme;\n"]}
|
package/dist/workflow/index.cjs
CHANGED
|
@@ -26,7 +26,7 @@ var tokens = {
|
|
|
26
26
|
text: {
|
|
27
27
|
primary: "#FFFFFF",
|
|
28
28
|
secondary: "#B4B8C5",
|
|
29
|
-
tertiary: "#
|
|
29
|
+
tertiary: "#6B7280"},
|
|
30
30
|
// Teal (brand aligned)
|
|
31
31
|
error: "#EF4444",
|
|
32
32
|
warning: "#F59E0B",
|
|
@@ -63,8 +63,8 @@ var tokens = {
|
|
|
63
63
|
overlay: "rgba(0, 0, 0, 0.5)"},
|
|
64
64
|
typography: {
|
|
65
65
|
fontFamily: {
|
|
66
|
-
primary: "'
|
|
67
|
-
monospace: "'
|
|
66
|
+
primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
|
|
67
|
+
monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
|
|
68
68
|
},
|
|
69
69
|
fontSize: {
|
|
70
70
|
xs: "0.875rem",
|
|
@@ -139,25 +139,27 @@ var WorkflowCard = ({
|
|
|
139
139
|
$connected: integration.connected !== false,
|
|
140
140
|
$optional: !!integration.optional,
|
|
141
141
|
title: `${integration.name}${integration.connected === false ? integration.optional ? " (optional)" : " (not connected)" : ""}`,
|
|
142
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
143
|
-
IntegrationIcon,
|
|
144
|
-
{
|
|
145
|
-
src: integration.icon,
|
|
146
|
-
alt: integration.name
|
|
147
|
-
}
|
|
148
|
-
)
|
|
142
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(IntegrationIcon, { src: integration.icon, alt: integration.name })
|
|
149
143
|
},
|
|
150
144
|
integration.name
|
|
151
145
|
)) }),
|
|
152
146
|
/* @__PURE__ */ jsxRuntime.jsxs(Indicators, { children: [
|
|
153
|
-
estimatedCostPerRun && /* @__PURE__ */ jsxRuntime.jsx(
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
147
|
+
estimatedCostPerRun && /* @__PURE__ */ jsxRuntime.jsx(
|
|
148
|
+
IndicatorPill,
|
|
149
|
+
{
|
|
150
|
+
$variant: "info",
|
|
151
|
+
title: `Estimated cost: ${estimatedCostPerRun}${estimatedCostPerRun.includes("/") ? "" : " per run"}`,
|
|
152
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(IndicatorText, { children: [
|
|
153
|
+
estimatedCostPerRun,
|
|
154
|
+
estimatedCostPerRun.includes("/") ? "" : "/run"
|
|
155
|
+
] })
|
|
156
|
+
}
|
|
157
|
+
),
|
|
157
158
|
missingCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
158
159
|
IndicatorPill,
|
|
159
160
|
{
|
|
160
161
|
$variant: "warning",
|
|
162
|
+
"data-testid": "workflow-card-status",
|
|
161
163
|
title: `${missingCount} integration${missingCount > 1 ? "s" : ""} not connected`,
|
|
162
164
|
children: [
|
|
163
165
|
/* @__PURE__ */ jsxRuntime.jsx(IndicatorDot, { $variant: "warning" }),
|
|
@@ -168,10 +170,18 @@ var WorkflowCard = ({
|
|
|
168
170
|
]
|
|
169
171
|
}
|
|
170
172
|
),
|
|
171
|
-
needsSetup && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
173
|
+
needsSetup && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
174
|
+
IndicatorPill,
|
|
175
|
+
{
|
|
176
|
+
$variant: "warning",
|
|
177
|
+
"data-testid": "workflow-card-needs-setup",
|
|
178
|
+
title: "Setup required before use",
|
|
179
|
+
children: [
|
|
180
|
+
/* @__PURE__ */ jsxRuntime.jsx(IndicatorDot, { $variant: "warning" }),
|
|
181
|
+
/* @__PURE__ */ jsxRuntime.jsx(IndicatorText, { children: "Needs Setup" })
|
|
182
|
+
]
|
|
183
|
+
}
|
|
184
|
+
)
|
|
175
185
|
] })
|
|
176
186
|
] })
|
|
177
187
|
]
|
|
@@ -573,37 +583,47 @@ var WorkflowErrorAlert = ({
|
|
|
573
583
|
return /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, {});
|
|
574
584
|
}
|
|
575
585
|
};
|
|
576
|
-
const alertContent = /* @__PURE__ */ jsxRuntime.jsx(
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
586
|
+
const alertContent = /* @__PURE__ */ jsxRuntime.jsx(
|
|
587
|
+
AlertContainer,
|
|
588
|
+
{
|
|
589
|
+
variant,
|
|
590
|
+
severity,
|
|
591
|
+
className,
|
|
592
|
+
"data-testid": "error-alert",
|
|
593
|
+
role: "alert",
|
|
594
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(Header, { children: [
|
|
595
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconContainer, { severity, "aria-hidden": "true", children: getIcon() }),
|
|
596
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
|
|
597
|
+
/* @__PURE__ */ jsxRuntime.jsx(Title, { children: displayTitle }),
|
|
598
|
+
/* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { children: errorMessage }),
|
|
599
|
+
errorCode && /* @__PURE__ */ jsxRuntime.jsxs(ErrorCode, { children: [
|
|
600
|
+
"Error Code: ",
|
|
601
|
+
errorCode
|
|
602
|
+
] }),
|
|
603
|
+
timestamp && /* @__PURE__ */ jsxRuntime.jsx(Timestamp, { children: new Date(timestamp).toLocaleString() }),
|
|
604
|
+
showDetails && (stackTrace || typeof error === "object" && error.stack) && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
605
|
+
Details,
|
|
606
|
+
{
|
|
607
|
+
open: detailsOpen,
|
|
608
|
+
onToggle: (e) => setDetailsOpen(e.target.open),
|
|
609
|
+
children: [
|
|
610
|
+
/* @__PURE__ */ jsxRuntime.jsxs("summary", { children: [
|
|
611
|
+
/* @__PURE__ */ jsxRuntime.jsx(DetailsIcon, { open: detailsOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, {}) }),
|
|
612
|
+
"Show Details"
|
|
613
|
+
] }),
|
|
614
|
+
/* @__PURE__ */ jsxRuntime.jsx(StackTrace, { children: stackTrace || (typeof error === "object" ? error.stack : "") })
|
|
615
|
+
]
|
|
616
|
+
}
|
|
617
|
+
),
|
|
618
|
+
(retryable || onDismiss) && /* @__PURE__ */ jsxRuntime.jsxs(Actions, { children: [
|
|
619
|
+
retryable && onRetry && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: onRetry, children: "Retry" }),
|
|
620
|
+
onDismiss && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", onClick: handleDismiss, children: "Dismiss" })
|
|
621
|
+
] })
|
|
622
|
+
] }),
|
|
623
|
+
variant !== "modal" && onDismiss && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: handleDismiss, "aria-label": "Dismiss alert", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {}) })
|
|
603
624
|
] })
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
] }) });
|
|
625
|
+
}
|
|
626
|
+
);
|
|
607
627
|
if (variant === "modal") {
|
|
608
628
|
return /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { isOpen: isModalOpen, onClick: handleDismiss, children: /* @__PURE__ */ jsxRuntime.jsxs(ModalContent, { onClick: (e) => e.stopPropagation(), children: [
|
|
609
629
|
alertContent,
|
|
@@ -1074,19 +1094,28 @@ var WorkflowResultPanel = ({
|
|
|
1074
1094
|
return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "Unsupported variant" });
|
|
1075
1095
|
}
|
|
1076
1096
|
};
|
|
1077
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1097
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1098
|
+
Panel,
|
|
1099
|
+
{
|
|
1100
|
+
collapsible,
|
|
1101
|
+
expanded,
|
|
1102
|
+
className,
|
|
1103
|
+
"data-testid": "result-panel",
|
|
1104
|
+
children: [
|
|
1105
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Header2, { collapsible, onClick: handleToggle, children: [
|
|
1106
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Title2, { children: [
|
|
1107
|
+
title,
|
|
1108
|
+
collapsible && /* @__PURE__ */ jsxRuntime.jsx(CollapseIcon, { expanded, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon2, {}) })
|
|
1109
|
+
] }),
|
|
1110
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Actions2, { onClick: (e) => e.stopPropagation(), children: [
|
|
1111
|
+
onCopy && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onCopy, title: "Copy to clipboard", "aria-label": "Copy to clipboard", children: /* @__PURE__ */ jsxRuntime.jsx(CopyIcon, {}) }),
|
|
1112
|
+
onDownload && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onDownload, title: "Download", "aria-label": "Download results", children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {}) })
|
|
1113
|
+
] })
|
|
1114
|
+
] }),
|
|
1115
|
+
/* @__PURE__ */ jsxRuntime.jsx(Content2, { maxHeight, expanded, children: renderContent() })
|
|
1116
|
+
]
|
|
1117
|
+
}
|
|
1118
|
+
);
|
|
1090
1119
|
};
|
|
1091
1120
|
WorkflowResultPanel.displayName = "WorkflowResultPanel";
|
|
1092
1121
|
var spin = styled2.keyframes`
|
|
@@ -1292,6 +1321,7 @@ var WorkflowStatusBadge = ({
|
|
|
1292
1321
|
$status: status,
|
|
1293
1322
|
$size: size,
|
|
1294
1323
|
className,
|
|
1324
|
+
"data-testid": "execution-status-badge",
|
|
1295
1325
|
role: "status",
|
|
1296
1326
|
"aria-label": displayLabel,
|
|
1297
1327
|
children: [
|