@xenide-io/the-old-ui-theme 0.7.0 → 0.9.0

package/dist/suite.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ReactNode, ComponentType, ButtonHTMLAttributes, CSSProperties, PointerEvent, ElementType } from 'react';
+export { S as SuiteResolvedTheme, a as SuiteTheme, b as SuiteThemeBootOptions, c as SuiteThemeConfig, d as SuiteThemeContextValue, e as SuiteThemeProvider, s as suiteThemeBootScript, u as useSuiteTheme } from './theme-boot-P-oqKVZF.js';
 import { ClassValue } from 'clsx';
 export { m } from 'motion/react';
 
@@ -12,13 +13,10 @@ declare function TodayPageFrame({ children }: {
 }): react.JSX.Element;
 
 type LucideIcon = react.ComponentType<react.SVGProps<SVGSVGElement>>;
-type SuiteAppSlug$1 = 'shellstack' | 'tides' | 'turtletime' | 'kraken';
+type SuiteAppSlug$1 = "shellstack" | "tides" | "turtletime" | "kraken" | "shelly";
 declare function sourceToSuiteApp(source: string): SuiteAppSlug$1;
 declare function suiteAppLabel(source: string): string;
-/**
- * Small line icon for list rows — the app's suite glyph with its brand
- * accent on a muted base. Not the branded app tile (see SuiteAppIcon).
- */
+/** Actual product favicon/logo for suite notification rows. */
 declare function SourceAppGlyph({ source, className, }: {
     source: string;
     className?: string;
@@ -59,7 +57,7 @@ declare function TodayHero({ message, brief, briefMeta, }: {
     brief?: ReactNode;
     briefMeta?: ReactNode;
 }): react.JSX.Element;
-type TodayPrimaryAccent = 'tides' | 'turtletime' | 'kraken' | 'shellstack' | 'neutral';
+type TodayPrimaryAccent = "tides" | "turtletime" | "kraken" | "shellstack" | "neutral";
 /**
  * Compact primary CTA for Today — one action per app.
  * Colours live in suite-skin (.today-primary-action); no idle animation.
@@ -258,8 +256,8 @@ declare function DeferredChrome({ children }: {
 
 /**
  * Suite mobile navigation drawer. Backdrop fade + panel slide, Escape to
- * close, body scroll-lock and focus hand-off while open. Nav content stays
- * app-side via `children`.
+ * close, body scroll-lock and focus containment while open. Nav content stays
+ * app-side via `children`; Radix owns the modal interaction model.
  */
 declare function SuiteMobileDrawer({ open, onClose, children, side, showCloseButton, title, closeLabel, backdropLabel, dialogLabel, durationMs, dataTest, panelDataTest, backdropId, backdropDataTest, closeButtonId, closeButtonDataTest, panelClassName, }: {
     open: boolean;
@@ -389,7 +387,7 @@ declare function SuiteBottomNav({ items, ariaLabel, dataTest, className, }: {
  * Slugs double as accent keys (see icons/app-accents.ts) and data-test
  * suffixes (`switch-app-${slug}`, `suite-nav-${slug}`).
  */
-type SuiteAppSlug = 'shellstack' | 'tides' | 'turtletime' | 'kraken' | 'nakama';
+type SuiteAppSlug = 'shellstack' | 'tides' | 'turtletime' | 'kraken' | 'shelly';
 interface SuiteAppDefinition {
     slug: SuiteAppSlug;
     name: string;
@@ -436,48 +434,11 @@ declare function TodayCalibrating({ onRetry, retrying, className, spinner: Spinn
     retrySpinnerClassName?: string;
 }): react.JSX.Element;
 
-type SuiteTheme = 'system' | 'light' | 'dark';
-type SuiteResolvedTheme = 'light' | 'dark';
-interface SuiteThemeConfig {
-    /** localStorage key holding the stored preference. */
-    storageKey: string;
-    /** `data-theme` attribute value for the light theme. */
-    lightThemeId: string;
-    /** `data-theme` attribute value for the dark theme. */
-    darkThemeId: string;
-    /**
-     * Resolved theme to assume when `matchMedia` is unavailable
-     * (server render / pre-hydration).
-     */
-    fallbackTheme: SuiteResolvedTheme;
-    /**
-     * Optional `<meta id="theme-color-meta">` colours, synced whenever the
-     * theme is (re)applied after mount. Omit both to leave the meta tag
-     * untouched.
-     */
-    themeColorLight?: string;
-    themeColorDark?: string;
-}
-interface SuiteThemeContextValue {
-    theme: SuiteTheme;
-    resolvedTheme: SuiteResolvedTheme;
-    setTheme: (theme: SuiteTheme) => void;
-    toggleTheme: () => void;
-}
 /**
- * Theme provider shared by suite apps. Each app's root layout runs a small
- * boot script that applies `data-theme` before hydration; this provider
- * adopts that DOM state on mount and owns every post-hydration change (user
- * picks a theme, or the OS preference flips while set to `system`).
- *
- * Apps wrap this with their own `ThemeProvider`/`useTheme` module that pins
- * the storage key, theme ids and meta colours.
+ * Shared suite theme cookie names. Lives in its own module so non-React
+ * consumers (boot scripts) can import it without pulling in client code.
  */
-declare function SuiteThemeProvider({ config, children, }: {
-    config: SuiteThemeConfig;
-    children: ReactNode;
-}): react.JSX.Element;
-declare function useSuiteTheme(): SuiteThemeContextValue;
+declare const SUITE_THEME_COOKIE = "xenide-suite-theme";
 
 declare const SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 declare const SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
@@ -521,13 +482,17 @@ interface SuiteAiChatMessage {
  * Suite-wide Ask AI chat — Notion-style continuous thread.
  * Lives in the sidebar (or any parent that mounts it). Not Kraken Deep Research.
  */
-declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessage, clearChat, brandIcon: BrandIcon, spinner: Spinner, open: openProp, onOpenChange, suiteAppBases, onSwitchApp, onSameAppNavigate, resolveAction, }: {
+declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessage, clearChat, brandIcon: BrandIcon, spinner: Spinner, open: openProp, onOpenChange, suiteAppBases, onSwitchApp, onSameAppNavigate, resolveAction, isWaitingForReply, }: {
     presets?: SuiteAiPreset[];
     emptyState?: ReactNode;
     title?: string;
     fetchChat: () => Promise<{
         messages: SuiteAiChatMessage[];
         configured: boolean;
+        jobs?: Array<{
+            status?: string;
+            error?: string;
+        }>;
     }>;
     sendMessage: (params: {
         prompt: string;
@@ -554,6 +519,8 @@ declare function SuiteAiPanel({ presets, emptyState, title, fetchChat, sendMessa
     resolveAction?: (id: string, decision: "confirm" | "cancel") => Promise<{
         messages: SuiteAiChatMessage[];
     }>;
+    /** A durable background job is still preparing the assistant reply. */
+    isWaitingForReply?: boolean;
 }): react.JSX.Element | null;
 
 interface SuiteWorkspaceEntry {
@@ -631,7 +598,7 @@ interface SuiteGlyph {
      */
     animatedAccent?: boolean;
 }
-type SuiteIconName = "timer-shell" | "kanban-wave" | "squid-doc" | "stack-hex" | "crew-bot" | "nakama-fist" | "workspace" | "organisation" | "integration-plug" | "suite-grid" | "bell-wave" | "today-sun";
+type SuiteIconName = "timer-shell" | "kanban-wave" | "squid-doc" | "stack-hex" | "crew-bot" | "shelly-snail" | "workspace" | "organisation" | "integration-plug" | "suite-grid" | "bell-wave" | "today-sun";
 declare const SUITE_GLYPHS: Record<SuiteIconName, SuiteGlyph>;
 declare const SUITE_ICON_NAMES: SuiteIconName[];
 
@@ -641,7 +608,7 @@ declare const SUITE_ICON_NAMES: SuiteIconName[];
  * `onTileAccent` drive `<SuiteAppIcon>` (the programmatic favicon-style
  * tile + glyph mark).
  */
-type SuiteAccentSlug = "turtletime" | "tides" | "kraken" | "shellstack" | "crew" | "nakama";
+type SuiteAccentSlug = "turtletime" | "tides" | "kraken" | "shellstack" | "crew" | "shelly";
 interface SuiteAppAccent {
     /** Display name (default aria label for app marks). */
     label: string;
@@ -708,7 +675,7 @@ declare const SIDEBAR_COLLAPSE_THRESHOLD = 80;
 declare const SIDEBAR_MIN_EXPANDED_WIDTH = 180;
 declare const SIDEBAR_MAX_WIDTH = 640;
 declare const SIDEBAR_DEFAULT_WIDTH = 320;
-/** Shared across Tides / TurtleTime / Kraken / ShellStack / Nakama. */
+/** Shared across Tides / TurtleTime / Kraken / ShellStack / Shelly. */
 declare const SUITE_SIDEBAR_WIDTH_KEY = "shellstack:sidebar-width";
 declare const SUITE_SIDEBAR_WIDTH_COOKIE = "shellstack_sidebar_width";
 /** Desktop column width: icon rail when collapsed, otherwise the persisted width. */
@@ -928,7 +895,7 @@ interface SuiteSidebarProps {
     /** Optional custom app switcher node, or a function of collapsed state. */
     appSwitcher?: CollapsedNode;
     /** Workspace/org/project switcher rendered below the app switcher. */
-    contextSwitcher: CollapsedNode;
+    contextSwitcher?: CollapsedNode;
     navItems: SuiteSidebarNavItem[];
     /** Optional secondary nav / tree rendered below primary nav. */
     secondaryNav?: ReactNode;
@@ -987,4 +954,139 @@ interface SuiteAppLayoutProps {
  */
 declare function SuiteAppLayout({ sidebar, children, mobileHeader, bottomNav, sidebarWidth, collapsed, lockMainScroll, onStartResize, onResizeBy, onResetWidth, className, }: SuiteAppLayoutProps): react.JSX.Element;
 
-export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_ASK_AI_OPEN_QUERY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SIDEBAR_WIDTH_COOKIE, SUITE_SIDEBAR_WIDTH_KEY, SUITE_SPRINGS, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSelectOptions, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, type SuiteResolvedTheme, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, type SuiteTheme, type SuiteThemeConfig, type SuiteThemeContextValue, SuiteThemeProvider, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, consumeSuiteAskAiOpenFromLocation, getTodayGreeting, openSuiteAskAi, pathWithSuiteAskAiOpen, persistSidebarWidth, persistSuiteAskAiOpen, readSidebarWidth, readSuiteAskAiOpen, resetSuiteSidebarWidth, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth, useSuiteTheme };
+interface SuiteIntegrationPickerItem {
+    id: string;
+    label: string;
+    description: string;
+    icon?: ReactNode;
+    categories?: string[];
+    authSchemes?: string[];
+    connecting?: boolean;
+    unavailableReason?: string;
+}
+interface SuiteIntegrationAuthField {
+    name: string;
+    label: string;
+    type?: "password" | "text" | "url";
+}
+interface SuiteIntegrationAuthDetails {
+    fields: SuiteIntegrationAuthField[];
+    auth_scheme: string | null;
+    managed: boolean;
+}
+interface SuiteIntegrationAuthSelection {
+    auth_scheme: string;
+    auth_fields?: Record<string, string>;
+}
+interface SuiteIntegrationPickerProps {
+    open: boolean;
+    items: SuiteIntegrationPickerItem[];
+    connectedItems?: SuiteIntegrationPickerItem[];
+    loading?: boolean;
+    catalogLoading?: boolean;
+    loadingMore?: boolean;
+    hasMore?: boolean;
+    onEndReached?: () => void;
+    search?: string;
+    onSearchChange?: (value: string) => void;
+    category?: string;
+    categories?: string[];
+    onCategoryChange?: (value: string) => void;
+    onClose: () => void;
+    onConnect: (item: SuiteIntegrationPickerItem, auth?: SuiteIntegrationAuthSelection) => void | Promise<void>;
+    onFetchAuthFields?: (item: SuiteIntegrationPickerItem, authScheme: string) => Promise<SuiteIntegrationAuthDetails>;
+    onDisconnect?: (item: SuiteIntegrationPickerItem) => void;
+    title?: string;
+    description?: string;
+    dataTest?: string;
+}
+declare function SuiteIntegrationPicker({ open, items, connectedItems, loading, catalogLoading, loadingMore, hasMore, onEndReached, search: controlledSearch, onSearchChange, category: controlledCategory, categories: controlledCategories, onCategoryChange, onClose, onConnect, onFetchAuthFields, onDisconnect, title, description, dataTest, }: SuiteIntegrationPickerProps): react.JSX.Element;
+
+type SuiteIntegrationRuleActionType = "create_tides_task" | "draft_time_entry" | "create_suite_notification";
+interface SuiteIntegrationRule {
+    id: string;
+    name: string;
+    trigger_event_type: string;
+    action_type: string;
+    action_config: Record<string, unknown>;
+    enabled: boolean;
+    last_fired_at: string | null;
+}
+interface SuiteIntegrationEvent {
+    id: string;
+    provider: string;
+    event_type: string;
+    processed_at: string | null;
+    created_at: string;
+}
+interface SuiteIntegrationRuleProject {
+    id: string;
+    name: string;
+}
+interface SuiteIntegrationRuleInput {
+    name: string;
+    trigger_event_type: string;
+    action_type: SuiteIntegrationRuleActionType;
+    action_config: Record<string, string>;
+}
+interface SuiteIntegrationRulesProps {
+    canManage: boolean;
+    projects: SuiteIntegrationRuleProject[];
+    rules: SuiteIntegrationRule[];
+    events: SuiteIntegrationEvent[];
+    loading?: boolean;
+    error?: string | null;
+    onCreate?: (input: SuiteIntegrationRuleInput) => Promise<void>;
+    onUpdate?: (id: string, patch: {
+        enabled?: boolean;
+    }) => Promise<void>;
+    onDelete?: (id: string) => Promise<void>;
+    onRefresh?: () => void;
+    dataTest?: string;
+}
+declare function SuiteIntegrationRules({ canManage, projects, rules, events, loading, error, onCreate, onUpdate, onDelete, onRefresh, dataTest, }: SuiteIntegrationRulesProps): react.JSX.Element;
+
+interface SuiteDirectoryClient {
+    id: string;
+    name: string;
+    icon?: string | null;
+    color?: string | null;
+    icon_image?: string | null;
+}
+interface SuiteDirectoryProject {
+    id: string;
+    name: string;
+    icon?: string | null;
+    color?: string | null;
+    clientId?: string | null;
+    isArchived?: boolean;
+    icon_image?: string | null;
+}
+interface SuiteDirectoryFields {
+    name: string;
+    icon: string;
+    color: string;
+    iconImageFile?: File | null;
+    clearIconImage?: boolean;
+}
+interface SuiteDirectoryProjectFields extends SuiteDirectoryFields {
+    clientId: string | null;
+    isArchived?: boolean;
+}
+interface SuiteClientsProjectsDirectoryProps {
+    clients: SuiteDirectoryClient[];
+    projects: SuiteDirectoryProject[];
+    canEdit?: boolean;
+    loading?: boolean;
+    error?: string | null;
+    onCreateClient?: (fields: SuiteDirectoryFields) => Promise<SuiteDirectoryClient | void>;
+    onUpdateClient?: (client: SuiteDirectoryClient, fields: SuiteDirectoryFields) => Promise<SuiteDirectoryClient | void>;
+    onDeleteClient?: (client: SuiteDirectoryClient) => Promise<void>;
+    onCreateProject?: (fields: SuiteDirectoryProjectFields) => Promise<SuiteDirectoryProject | void>;
+    onUpdateProject?: (project: SuiteDirectoryProject, fields: SuiteDirectoryProjectFields) => Promise<SuiteDirectoryProject | void>;
+    onDeleteProject?: (project: SuiteDirectoryProject) => Promise<void>;
+    dataTest?: string;
+}
+declare function SuiteClientsProjectsDirectory({ clients, projects, canEdit, loading, error, onCreateClient, onUpdateClient, onDeleteClient, onCreateProject, onUpdateProject, onDeleteProject, dataTest, }: SuiteClientsProjectsDirectoryProps): react.JSX.Element;
+
+export { APP_ACCENTS, APP_GLYPHS, AnimatedMoon, AnimatedSun, AppSwitcher, AppSwitcherChevron, AppSwitcherMark, CommandPaletteHost, DeferredChrome, SIDEBAR_COLLAPSE_THRESHOLD, SIDEBAR_DEFAULT_WIDTH, SIDEBAR_MAX_WIDTH, SIDEBAR_MIN_EXPANDED_WIDTH, SIDEBAR_RAIL_WIDTH, SUITE_APPS, SUITE_APP_MAP, SUITE_ASK_AI_OPEN_KEY, SUITE_ASK_AI_OPEN_QUERY, SUITE_GLYPHS, SUITE_ICON_NAMES, SUITE_MUTATED_EVENT, SUITE_OPEN_ASK_AI_EVENT, SUITE_SIDEBAR_WIDTH_COOKIE, SUITE_SIDEBAR_WIDTH_KEY, SUITE_SPRINGS, SUITE_THEME_COOKIE, SourceAppGlyph, type SuiteAccentSlug, type SuiteAiAction, type SuiteAiActionStatus, type SuiteAiChatMessage, SuiteAiPanel, type SuiteAiPreset, type SuiteAppAccent, type SuiteAppDefinition, type SuiteAppEntry, SuiteAppIcon, type SuiteAppIconProps, SuiteAppLayout, type SuiteAppLayoutProps, type SuiteAppSelectOptions, type SuiteAppSlug, SuiteAppStrip, type SuiteAskAiOpenDetail, SuiteBottomNav, type SuiteBottomNavItem, SuiteBreadcrumbs, type SuiteBreadcrumbsProps, SuiteClientsProjectsDirectory, type SuiteClientsProjectsDirectoryProps, type SuiteCommandItem, type SuiteCommandPaletteComponent, type SuiteDirectoryClient, type SuiteDirectoryFields, type SuiteDirectoryProject, type SuiteDirectoryProjectFields, type SuiteDropdownItemComponent, type SuiteDropdownMenuComponent, type SuiteDropdownMenuProps, SuiteEmptyState, type SuiteGlyph, type SuiteGlyphElement, type SuiteHrefTarget, SuiteIcon, type SuiteIconName, type SuiteIconProps, type SuiteIntegrationEvent, SuiteIntegrationPicker, type SuiteIntegrationPickerItem, type SuiteIntegrationPickerProps, type SuiteIntegrationRule, type SuiteIntegrationRuleActionType, type SuiteIntegrationRuleInput, type SuiteIntegrationRuleProject, SuiteIntegrationRules, type SuiteIntegrationRulesProps, SuiteMobileDrawer, SuiteMobileHeader, SuiteMotionProvider, type SuiteNotification, SuiteNotificationBell, type SuiteNotificationsResponse, SuitePage, SuitePageHeader, type SuitePageWidth, SuiteSectionHeader, SuiteSettingsLayout, type SuiteSettingsLayoutProps, SuiteSettingsMobileNav, type SuiteSettingsNavItem, SuiteSidebar, type SuiteSidebarNavItem, SuiteSkeleton, SuiteSkeletonCard, SuiteSkeletonList, type SuiteSpinnerComponent, type SuiteSpringName, SuiteTabList, SuiteToolbar, SuiteUserMenu, type SuiteUserMenuProps, type SuiteWorkspaceEntry, type SuiteWorkspaceGroup, SuiteWorkspaceSwitcher, TURTLETIME_TIMER_MUTATED_EVENT, TodayAskAiCard, TodayCalibrating, TodayEmptyAction, TodayEmptyState, TodayHero, TodayLayout, TodayPageFrame, TodayPanel, type TodayPrimaryAccent, TodayPrimaryAction, TodaySection, TodayTimeIcon, TodayTopBar, appSwitcherMarkClass, appSwitcherMenuItemClass, appSwitcherTriggerClass, classifySuiteHref, cn, consumePendingAskAiPrompt, consumeSuiteAskAiOpenFromLocation, getTodayGreeting, openSuiteAskAi, pathWithSuiteAskAiOpen, persistSidebarWidth, persistSuiteAskAiOpen, readSidebarWidth, readSuiteAskAiOpen, resetSuiteSidebarWidth, resolveSuiteNotificationHref, sidebarColumnWidth, sourceToSuiteApp, suiteAppBaseUrl, suiteAppLabel, useIdleMount, useSidebarWidth };