@stina/extension-api 0.8.1 → 0.9.0

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/messages.ts"],"sourcesContent":["/**\n * @stina/extension-api\n *\n * Types and utilities for building Stina extensions.\n *\n * Extensions should import from this package for type definitions.\n * The runtime (worker-side code) should import from '@stina/extension-api/runtime'.\n */\n\n// Types\nexport type {\n  // Manifest\n  ExtensionManifest,\n  Platform,\n  ExtensionContributions,\n  SettingDefinition,\n  SettingOptionsMapping,\n  SettingCreateMapping,\n  ToolSettingsViewDefinition,\n  ToolSettingsView,\n  ToolSettingsListView,\n  ToolSettingsListMapping,\n  PanelDefinition,\n  PanelView,\n  PanelComponentView,\n  PanelActionDataSource,\n  PanelUnknownView,\n  ProviderDefinition,\n  PromptContribution,\n  PromptSection,\n  ToolDefinition,\n  CommandDefinition,\n\n  // Provider Configuration Schema\n  ProviderConfigSchema,\n  ProviderConfigProperty,\n  ProviderConfigPropertyType,\n  ProviderConfigSelectOption,\n  ProviderConfigValidation,\n\n  // Permissions\n  Permission,\n  NetworkPermission,\n  StoragePermission,\n  UserDataPermission,\n  CapabilityPermission,\n  SystemPermission,\n\n  // Context\n  ExtensionContext,\n  Disposable,\n  NetworkAPI,\n  SettingsAPI,\n  ProvidersAPI,\n  ToolsAPI,\n  ActionsAPI,\n  EventsAPI,\n  SchedulerAPI,\n  SchedulerJobRequest,\n  SchedulerSchedule,\n  SchedulerFirePayload,\n  UserAPI,\n  UserProfile,\n  ChatAPI,\n  ChatInstructionMessage,\n  DatabaseAPI,\n  StorageAPI,\n  LogAPI,\n\n  // AI Provider\n  AIProvider,\n  ModelInfo,\n  ChatMessage,\n  ChatOptions,\n  GetModelsOptions,\n  StreamEvent,\n  ToolCall,\n\n  // Tools\n  Tool,\n  ToolResult,\n\n  // Actions\n  Action,\n  ActionResult,\n\n  // Entry point\n  ExtensionModule,\n} from './types.js'\n\n// Messages (for host implementation)\nexport type {\n  HostToWorkerMessage,\n  WorkerToHostMessage,\n  ActivateMessage,\n  DeactivateMessage,\n  SettingsChangedMessage,\n  ProviderChatRequestMessage,\n  ProviderModelsRequestMessage,\n  ToolExecuteRequestMessage,\n  ToolExecuteResponseMessage,\n  ActionExecuteRequestMessage,\n  ActionExecuteResponseMessage,\n  ResponseMessage,\n  ReadyMessage,\n  RequestMessage,\n  RequestMethod,\n  ProviderRegisteredMessage,\n  ToolRegisteredMessage,\n  ActionRegisteredMessage,\n  StreamEventMessage,\n  LogMessage,\n  PendingRequest,\n} from './messages.js'\n\nexport { generateMessageId } from './messages.js'\n\n// Component types (for extension UI components)\nexport type {\n  // Base types\n  ExtensionComponentData,\n  // Iteration & Children\n  ExtensionComponentIterator,\n  ExtensionComponentChildren,\n  // Actions\n  ExtensionActionCall,\n  ExtensionActionRef,\n  // Data Sources & Panel Definition\n  ExtensionDataSource,\n  ExtensionPanelDefinition,\n  // Component Props\n  HeaderProps,\n  LabelProps,\n  ParagraphProps,\n  ButtonProps,\n  TextInputProps,\n  SelectProps,\n  VerticalStackProps,\n  HorizontalStackProps,\n  GridProps,\n  DividerProps,\n  IconProps,\n  IconButtonType,\n  IconButtonProps,\n  PanelAction,\n  PanelProps,\n  ToggleProps,\n} from './types.components.js'\n","/**\n * Message protocol between Extension Host and Extension Workers\n */\n\nimport type {\n  ChatMessage,\n  ChatOptions,\n  GetModelsOptions,\n  StreamEvent,\n  ToolResult,\n  ActionResult,\n  ModelInfo,\n  SchedulerFirePayload,\n} from './types.js'\n\n// ============================================================================\n// Host → Worker Messages\n// ============================================================================\n\nexport type HostToWorkerMessage =\n  | ActivateMessage\n  | DeactivateMessage\n  | SettingsChangedMessage\n  | SchedulerFireMessage\n  | ProviderChatRequestMessage\n  | ProviderModelsRequestMessage\n  | ToolExecuteRequestMessage\n  | ActionExecuteRequestMessage\n  | ResponseMessage\n\nexport interface ActivateMessage {\n  type: 'activate'\n  id: string\n  payload: {\n    extensionId: string\n    extensionVersion: string\n    storagePath: string\n    permissions: string[]\n    settings: Record<string, unknown>\n  }\n}\n\nexport interface DeactivateMessage {\n  type: 'deactivate'\n  id: string\n}\n\nexport interface SettingsChangedMessage {\n  type: 'settings-changed'\n  id: string\n  payload: {\n    key: string\n    value: unknown\n  }\n}\n\nexport interface SchedulerFireMessage {\n  type: 'scheduler-fire'\n  id: string\n  payload: SchedulerFirePayload\n}\n\nexport interface ProviderChatRequestMessage {\n  type: 'provider-chat-request'\n  id: string\n  payload: {\n    providerId: string\n    messages: ChatMessage[]\n    options: ChatOptions\n  }\n}\n\nexport interface ProviderModelsRequestMessage {\n  type: 'provider-models-request'\n  id: string\n  payload: {\n    providerId: string\n    options?: GetModelsOptions\n  }\n}\n\nexport interface ToolExecuteRequestMessage {\n  type: 'tool-execute-request'\n  id: string\n  payload: {\n    toolId: string\n    params: Record<string, unknown>\n  }\n}\n\nexport interface ActionExecuteRequestMessage {\n  type: 'action-execute-request'\n  id: string\n  payload: {\n    actionId: string\n    params: Record<string, unknown>\n  }\n}\n\nexport interface ResponseMessage {\n  type: 'response'\n  id: string\n  payload: {\n    requestId: string\n    success: boolean\n    data?: unknown\n    error?: string\n  }\n}\n\n// ============================================================================\n// Worker → Host Messages\n// ============================================================================\n\nexport type WorkerToHostMessage =\n  | ReadyMessage\n  | RequestMessage\n  | ProviderRegisteredMessage\n  | ToolRegisteredMessage\n  | ActionRegisteredMessage\n  | StreamEventMessage\n  | LogMessage\n  | ProviderModelsResponseMessage\n  | ToolExecuteResponseMessage\n  | ActionExecuteResponseMessage\n\nexport interface ReadyMessage {\n  type: 'ready'\n}\n\nexport interface RequestMessage {\n  type: 'request'\n  id: string\n  method: RequestMethod\n  payload: unknown\n}\n\nexport type RequestMethod =\n  | 'network.fetch'\n  | 'settings.getAll'\n  | 'settings.get'\n  | 'settings.set'\n  | 'user.getProfile'\n  | 'events.emit'\n  | 'scheduler.schedule'\n  | 'scheduler.cancel'\n  | 'chat.appendInstruction'\n  | 'database.execute'\n  | 'storage.get'\n  | 'storage.set'\n  | 'storage.delete'\n  | 'storage.keys'\n\nexport interface ProviderRegisteredMessage {\n  type: 'provider-registered'\n  payload: {\n    id: string\n    name: string\n  }\n}\n\nexport interface ToolRegisteredMessage {\n  type: 'tool-registered'\n  payload: {\n    id: string\n    name: string\n    description: string\n    parameters?: Record<string, unknown>\n  }\n}\n\nexport interface ActionRegisteredMessage {\n  type: 'action-registered'\n  payload: {\n    id: string\n  }\n}\n\nexport interface StreamEventMessage {\n  type: 'stream-event'\n  payload: {\n    requestId: string\n    event: StreamEvent\n  }\n}\n\nexport interface ProviderModelsResponseMessage {\n  type: 'provider-models-response'\n  payload: {\n    requestId: string\n    models: ModelInfo[]\n    error?: string\n  }\n}\n\nexport interface ToolExecuteResponseMessage {\n  type: 'tool-execute-response'\n  payload: {\n    requestId: string\n    result: ToolResult\n    error?: string\n  }\n}\n\nexport interface ActionExecuteResponseMessage {\n  type: 'action-execute-response'\n  payload: {\n    requestId: string\n    result: ActionResult\n    error?: string\n  }\n}\n\nexport interface LogMessage {\n  type: 'log'\n  payload: {\n    level: 'debug' | 'info' | 'warn' | 'error'\n    message: string\n    data?: Record<string, unknown>\n  }\n}\n\n// ============================================================================\n// Utility Types\n// ============================================================================\n\nexport interface PendingRequest<T = unknown> {\n  resolve: (value: T) => void\n  reject: (error: Error) => void\n  timeout: ReturnType<typeof setTimeout>\n}\n\n/**\n * Generate a unique message ID\n */\nexport function generateMessageId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC2OO,SAAS,oBAA4B;AAC1C,SAAO,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AACjE;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/messages.ts"],"sourcesContent":["/**\n * @stina/extension-api\n *\n * Types and utilities for building Stina extensions.\n *\n * Extensions should import from this package for type definitions.\n * The runtime (worker-side code) should import from '@stina/extension-api/runtime'.\n */\n\n// Types\nexport type {\n  // Manifest\n  ExtensionManifest,\n  Platform,\n  ExtensionContributions,\n  SettingDefinition,\n  SettingOptionsMapping,\n  SettingCreateMapping,\n  ToolSettingsViewDefinition,\n  ToolSettingsView,\n  ToolSettingsListView,\n  ToolSettingsListMapping,\n  PanelDefinition,\n  PanelView,\n  PanelComponentView,\n  PanelActionDataSource,\n  PanelUnknownView,\n  ProviderDefinition,\n  PromptContribution,\n  PromptSection,\n  ToolDefinition,\n  CommandDefinition,\n\n  // Provider Configuration Schema\n  ProviderConfigSchema,\n  ProviderConfigProperty,\n  ProviderConfigPropertyType,\n  ProviderConfigSelectOption,\n  ProviderConfigValidation,\n\n  // Permissions\n  Permission,\n  NetworkPermission,\n  StoragePermission,\n  UserDataPermission,\n  CapabilityPermission,\n  SystemPermission,\n\n  // Context\n  ExtensionContext,\n  Disposable,\n  NetworkAPI,\n  SettingsAPI,\n  ProvidersAPI,\n  ToolsAPI,\n  ActionsAPI,\n  EventsAPI,\n  SchedulerAPI,\n  SchedulerJobRequest,\n  SchedulerSchedule,\n  SchedulerFirePayload,\n  UserAPI,\n  UserProfile,\n  ChatAPI,\n  ChatInstructionMessage,\n  DatabaseAPI,\n  StorageAPI,\n  LogAPI,\n\n  // AI Provider\n  AIProvider,\n  ModelInfo,\n  ChatMessage,\n  ChatOptions,\n  GetModelsOptions,\n  StreamEvent,\n  ToolCall,\n\n  // Tools\n  Tool,\n  ToolResult,\n\n  // Actions\n  Action,\n  ActionResult,\n\n  // Entry point\n  ExtensionModule,\n} from './types.js'\n\n// Messages (for host implementation)\nexport type {\n  HostToWorkerMessage,\n  WorkerToHostMessage,\n  ActivateMessage,\n  DeactivateMessage,\n  SettingsChangedMessage,\n  ProviderChatRequestMessage,\n  ProviderModelsRequestMessage,\n  ToolExecuteRequestMessage,\n  ToolExecuteResponseMessage,\n  ActionExecuteRequestMessage,\n  ActionExecuteResponseMessage,\n  ResponseMessage,\n  ReadyMessage,\n  RequestMessage,\n  RequestMethod,\n  ProviderRegisteredMessage,\n  ToolRegisteredMessage,\n  ActionRegisteredMessage,\n  StreamEventMessage,\n  LogMessage,\n  PendingRequest,\n} from './messages.js'\n\nexport { generateMessageId } from './messages.js'\n\n// Component types (for extension UI components)\nexport type {\n  // Styling\n  AllowedCSSProperty,\n  ExtensionComponentStyle,\n  // Base types\n  ExtensionComponentData,\n  // Iteration & Children\n  ExtensionComponentIterator,\n  ExtensionComponentChildren,\n  // Actions\n  ExtensionActionCall,\n  ExtensionActionRef,\n  // Data Sources & Panel Definition\n  ExtensionDataSource,\n  ExtensionPanelDefinition,\n  // Component Props\n  HeaderProps,\n  LabelProps,\n  ParagraphProps,\n  ButtonProps,\n  TextInputProps,\n  SelectProps,\n  VerticalStackProps,\n  HorizontalStackProps,\n  GridProps,\n  DividerProps,\n  IconProps,\n  IconButtonType,\n  IconButtonProps,\n  PanelAction,\n  PanelProps,\n  ToggleProps,\n  CollapsibleProps,\n  PillVariant,\n  PillProps,\n  CheckboxProps,\n  MarkdownProps,\n  ModalProps,\n} from './types.components.js'\n","/**\n * Message protocol between Extension Host and Extension Workers\n */\n\nimport type {\n  ChatMessage,\n  ChatOptions,\n  GetModelsOptions,\n  StreamEvent,\n  ToolResult,\n  ActionResult,\n  ModelInfo,\n  SchedulerFirePayload,\n} from './types.js'\n\n// ============================================================================\n// Host → Worker Messages\n// ============================================================================\n\nexport type HostToWorkerMessage =\n  | ActivateMessage\n  | DeactivateMessage\n  | SettingsChangedMessage\n  | SchedulerFireMessage\n  | ProviderChatRequestMessage\n  | ProviderModelsRequestMessage\n  | ToolExecuteRequestMessage\n  | ActionExecuteRequestMessage\n  | ResponseMessage\n\nexport interface ActivateMessage {\n  type: 'activate'\n  id: string\n  payload: {\n    extensionId: string\n    extensionVersion: string\n    storagePath: string\n    permissions: string[]\n    settings: Record<string, unknown>\n  }\n}\n\nexport interface DeactivateMessage {\n  type: 'deactivate'\n  id: string\n}\n\nexport interface SettingsChangedMessage {\n  type: 'settings-changed'\n  id: string\n  payload: {\n    key: string\n    value: unknown\n  }\n}\n\nexport interface SchedulerFireMessage {\n  type: 'scheduler-fire'\n  id: string\n  payload: SchedulerFirePayload\n}\n\nexport interface ProviderChatRequestMessage {\n  type: 'provider-chat-request'\n  id: string\n  payload: {\n    providerId: string\n    messages: ChatMessage[]\n    options: ChatOptions\n  }\n}\n\nexport interface ProviderModelsRequestMessage {\n  type: 'provider-models-request'\n  id: string\n  payload: {\n    providerId: string\n    options?: GetModelsOptions\n  }\n}\n\nexport interface ToolExecuteRequestMessage {\n  type: 'tool-execute-request'\n  id: string\n  payload: {\n    toolId: string\n    params: Record<string, unknown>\n  }\n}\n\nexport interface ActionExecuteRequestMessage {\n  type: 'action-execute-request'\n  id: string\n  payload: {\n    actionId: string\n    params: Record<string, unknown>\n  }\n}\n\nexport interface ResponseMessage {\n  type: 'response'\n  id: string\n  payload: {\n    requestId: string\n    success: boolean\n    data?: unknown\n    error?: string\n  }\n}\n\n// ============================================================================\n// Worker → Host Messages\n// ============================================================================\n\nexport type WorkerToHostMessage =\n  | ReadyMessage\n  | RequestMessage\n  | ProviderRegisteredMessage\n  | ToolRegisteredMessage\n  | ActionRegisteredMessage\n  | StreamEventMessage\n  | LogMessage\n  | ProviderModelsResponseMessage\n  | ToolExecuteResponseMessage\n  | ActionExecuteResponseMessage\n\nexport interface ReadyMessage {\n  type: 'ready'\n}\n\nexport interface RequestMessage {\n  type: 'request'\n  id: string\n  method: RequestMethod\n  payload: unknown\n}\n\nexport type RequestMethod =\n  | 'network.fetch'\n  | 'settings.getAll'\n  | 'settings.get'\n  | 'settings.set'\n  | 'user.getProfile'\n  | 'events.emit'\n  | 'scheduler.schedule'\n  | 'scheduler.cancel'\n  | 'chat.appendInstruction'\n  | 'database.execute'\n  | 'storage.get'\n  | 'storage.set'\n  | 'storage.delete'\n  | 'storage.keys'\n\nexport interface ProviderRegisteredMessage {\n  type: 'provider-registered'\n  payload: {\n    id: string\n    name: string\n  }\n}\n\nexport interface ToolRegisteredMessage {\n  type: 'tool-registered'\n  payload: {\n    id: string\n    name: string\n    description: string\n    parameters?: Record<string, unknown>\n  }\n}\n\nexport interface ActionRegisteredMessage {\n  type: 'action-registered'\n  payload: {\n    id: string\n  }\n}\n\nexport interface StreamEventMessage {\n  type: 'stream-event'\n  payload: {\n    requestId: string\n    event: StreamEvent\n  }\n}\n\nexport interface ProviderModelsResponseMessage {\n  type: 'provider-models-response'\n  payload: {\n    requestId: string\n    models: ModelInfo[]\n    error?: string\n  }\n}\n\nexport interface ToolExecuteResponseMessage {\n  type: 'tool-execute-response'\n  payload: {\n    requestId: string\n    result: ToolResult\n    error?: string\n  }\n}\n\nexport interface ActionExecuteResponseMessage {\n  type: 'action-execute-response'\n  payload: {\n    requestId: string\n    result: ActionResult\n    error?: string\n  }\n}\n\nexport interface LogMessage {\n  type: 'log'\n  payload: {\n    level: 'debug' | 'info' | 'warn' | 'error'\n    message: string\n    data?: Record<string, unknown>\n  }\n}\n\n// ============================================================================\n// Utility Types\n// ============================================================================\n\nexport interface PendingRequest<T = unknown> {\n  resolve: (value: T) => void\n  reject: (error: Error) => void\n  timeout: ReturnType<typeof setTimeout>\n}\n\n/**\n * Generate a unique message ID\n */\nexport function generateMessageId(): string {\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC2OO,SAAS,oBAA4B;AAC1C,SAAO,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AACjE;","names":[]}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { S as SchedulerFirePayload, C as ChatMessage, a as ChatOptions, G as GetModelsOptions, b as StreamEvent, M as ModelInfo, T as ToolResult, A as ActionResult } from './types-Cr8eCJ0G.cjs';
-export { a3 as AIProvider, a6 as Action, Q as ActionsAPI, ai as ButtonProps, D as CapabilityPermission, _ as ChatAPI, $ as ChatInstructionMessage, t as CommandDefinition, a0 as DatabaseAPI, I as Disposable, ao as DividerProps, R as EventsAPI, ab as ExtensionActionCall, ac as ExtensionActionRef, aa as ExtensionComponentChildren, a8 as ExtensionComponentData, a9 as ExtensionComponentIterator, H as ExtensionContext, c as ExtensionContributions, ad as ExtensionDataSource, E as ExtensionManifest, a7 as ExtensionModule, ae as ExtensionPanelDefinition, an as GridProps, af as HeaderProps, am as HorizontalStackProps, ar as IconButtonProps, aq as IconButtonType, ap as IconProps, ag as LabelProps, a2 as LogAPI, J as NetworkAPI, N as NetworkPermission, as as PanelAction, n as PanelActionDataSource, m as PanelComponentView, k as PanelDefinition, at as PanelProps, o as PanelUnknownView, l as PanelView, ah as ParagraphProps, z as Permission, P as Platform, q as PromptContribution, r as PromptSection, v as ProviderConfigProperty, w as ProviderConfigPropertyType, u as ProviderConfigSchema, x as ProviderConfigSelectOption, y as ProviderConfigValidation, p as ProviderDefinition, L as ProvidersAPI, V as SchedulerAPI, W as SchedulerJobRequest, X as SchedulerSchedule, ak as SelectProps, f as SettingCreateMapping, d as SettingDefinition, e as SettingOptionsMapping, K as SettingsAPI, a1 as StorageAPI, B as StoragePermission, F as SystemPermission, aj as TextInputProps, au as ToggleProps, a5 as Tool, a4 as ToolCall, s as ToolDefinition, j as ToolSettingsListMapping, i as ToolSettingsListView, h as ToolSettingsView, g as ToolSettingsViewDefinition, O as ToolsAPI, Y as UserAPI, U as UserDataPermission, Z as UserProfile, al as VerticalStackProps } from './types-Cr8eCJ0G.cjs';
+import { S as SchedulerFirePayload, C as ChatMessage, a as ChatOptions, G as GetModelsOptions, b as StreamEvent, M as ModelInfo, T as ToolResult, A as ActionResult } from './types-DiSR4tCQ.cjs';
+export { a3 as AIProvider, a6 as Action, Q as ActionsAPI, a8 as AllowedCSSProperty, ak as ButtonProps, D as CapabilityPermission, _ as ChatAPI, $ as ChatInstructionMessage, aA as CheckboxProps, ax as CollapsibleProps, t as CommandDefinition, a0 as DatabaseAPI, I as Disposable, aq as DividerProps, R as EventsAPI, ad as ExtensionActionCall, ae as ExtensionActionRef, ac as ExtensionComponentChildren, aa as ExtensionComponentData, ab as ExtensionComponentIterator, a9 as ExtensionComponentStyle, H as ExtensionContext, c as ExtensionContributions, af as ExtensionDataSource, E as ExtensionManifest, a7 as ExtensionModule, ag as ExtensionPanelDefinition, ap as GridProps, ah as HeaderProps, ao as HorizontalStackProps, at as IconButtonProps, as as IconButtonType, ar as IconProps, ai as LabelProps, a2 as LogAPI, aB as MarkdownProps, aC as ModalProps, J as NetworkAPI, N as NetworkPermission, au as PanelAction, n as PanelActionDataSource, m as PanelComponentView, k as PanelDefinition, av as PanelProps, o as PanelUnknownView, l as PanelView, aj as ParagraphProps, z as Permission, az as PillProps, ay as PillVariant, P as Platform, q as PromptContribution, r as PromptSection, v as ProviderConfigProperty, w as ProviderConfigPropertyType, u as ProviderConfigSchema, x as ProviderConfigSelectOption, y as ProviderConfigValidation, p as ProviderDefinition, L as ProvidersAPI, V as SchedulerAPI, W as SchedulerJobRequest, X as SchedulerSchedule, am as SelectProps, f as SettingCreateMapping, d as SettingDefinition, e as SettingOptionsMapping, K as SettingsAPI, a1 as StorageAPI, B as StoragePermission, F as SystemPermission, al as TextInputProps, aw as ToggleProps, a5 as Tool, a4 as ToolCall, s as ToolDefinition, j as ToolSettingsListMapping, i as ToolSettingsListView, h as ToolSettingsView, g as ToolSettingsViewDefinition, O as ToolsAPI, Y as UserAPI, U as UserDataPermission, Z as UserProfile, an as VerticalStackProps } from './types-DiSR4tCQ.cjs';
 
 /**
  * Message protocol between Extension Host and Extension Workers

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { S as SchedulerFirePayload, C as ChatMessage, a as ChatOptions, G as GetModelsOptions, b as StreamEvent, M as ModelInfo, T as ToolResult, A as ActionResult } from './types-Cr8eCJ0G.js';
-export { a3 as AIProvider, a6 as Action, Q as ActionsAPI, ai as ButtonProps, D as CapabilityPermission, _ as ChatAPI, $ as ChatInstructionMessage, t as CommandDefinition, a0 as DatabaseAPI, I as Disposable, ao as DividerProps, R as EventsAPI, ab as ExtensionActionCall, ac as ExtensionActionRef, aa as ExtensionComponentChildren, a8 as ExtensionComponentData, a9 as ExtensionComponentIterator, H as ExtensionContext, c as ExtensionContributions, ad as ExtensionDataSource, E as ExtensionManifest, a7 as ExtensionModule, ae as ExtensionPanelDefinition, an as GridProps, af as HeaderProps, am as HorizontalStackProps, ar as IconButtonProps, aq as IconButtonType, ap as IconProps, ag as LabelProps, a2 as LogAPI, J as NetworkAPI, N as NetworkPermission, as as PanelAction, n as PanelActionDataSource, m as PanelComponentView, k as PanelDefinition, at as PanelProps, o as PanelUnknownView, l as PanelView, ah as ParagraphProps, z as Permission, P as Platform, q as PromptContribution, r as PromptSection, v as ProviderConfigProperty, w as ProviderConfigPropertyType, u as ProviderConfigSchema, x as ProviderConfigSelectOption, y as ProviderConfigValidation, p as ProviderDefinition, L as ProvidersAPI, V as SchedulerAPI, W as SchedulerJobRequest, X as SchedulerSchedule, ak as SelectProps, f as SettingCreateMapping, d as SettingDefinition, e as SettingOptionsMapping, K as SettingsAPI, a1 as StorageAPI, B as StoragePermission, F as SystemPermission, aj as TextInputProps, au as ToggleProps, a5 as Tool, a4 as ToolCall, s as ToolDefinition, j as ToolSettingsListMapping, i as ToolSettingsListView, h as ToolSettingsView, g as ToolSettingsViewDefinition, O as ToolsAPI, Y as UserAPI, U as UserDataPermission, Z as UserProfile, al as VerticalStackProps } from './types-Cr8eCJ0G.js';
+import { S as SchedulerFirePayload, C as ChatMessage, a as ChatOptions, G as GetModelsOptions, b as StreamEvent, M as ModelInfo, T as ToolResult, A as ActionResult } from './types-DiSR4tCQ.js';
+export { a3 as AIProvider, a6 as Action, Q as ActionsAPI, a8 as AllowedCSSProperty, ak as ButtonProps, D as CapabilityPermission, _ as ChatAPI, $ as ChatInstructionMessage, aA as CheckboxProps, ax as CollapsibleProps, t as CommandDefinition, a0 as DatabaseAPI, I as Disposable, aq as DividerProps, R as EventsAPI, ad as ExtensionActionCall, ae as ExtensionActionRef, ac as ExtensionComponentChildren, aa as ExtensionComponentData, ab as ExtensionComponentIterator, a9 as ExtensionComponentStyle, H as ExtensionContext, c as ExtensionContributions, af as ExtensionDataSource, E as ExtensionManifest, a7 as ExtensionModule, ag as ExtensionPanelDefinition, ap as GridProps, ah as HeaderProps, ao as HorizontalStackProps, at as IconButtonProps, as as IconButtonType, ar as IconProps, ai as LabelProps, a2 as LogAPI, aB as MarkdownProps, aC as ModalProps, J as NetworkAPI, N as NetworkPermission, au as PanelAction, n as PanelActionDataSource, m as PanelComponentView, k as PanelDefinition, av as PanelProps, o as PanelUnknownView, l as PanelView, aj as ParagraphProps, z as Permission, az as PillProps, ay as PillVariant, P as Platform, q as PromptContribution, r as PromptSection, v as ProviderConfigProperty, w as ProviderConfigPropertyType, u as ProviderConfigSchema, x as ProviderConfigSelectOption, y as ProviderConfigValidation, p as ProviderDefinition, L as ProvidersAPI, V as SchedulerAPI, W as SchedulerJobRequest, X as SchedulerSchedule, am as SelectProps, f as SettingCreateMapping, d as SettingDefinition, e as SettingOptionsMapping, K as SettingsAPI, a1 as StorageAPI, B as StoragePermission, F as SystemPermission, al as TextInputProps, aw as ToggleProps, a5 as Tool, a4 as ToolCall, s as ToolDefinition, j as ToolSettingsListMapping, i as ToolSettingsListView, h as ToolSettingsView, g as ToolSettingsViewDefinition, O as ToolsAPI, Y as UserAPI, U as UserDataPermission, Z as UserProfile, an as VerticalStackProps } from './types-DiSR4tCQ.js';
 
 /**
  * Message protocol between Extension Host and Extension Workers

package/dist/runtime.d.cts

@@ -1,5 +1,5 @@
-import { a7 as ExtensionModule } from './types-Cr8eCJ0G.cjs';
-export { a3 as AIProvider, a6 as Action, A as ActionResult, C as ChatMessage, a as ChatOptions, I as Disposable, H as ExtensionContext, G as GetModelsOptions, M as ModelInfo, b as StreamEvent, a5 as Tool, a4 as ToolCall, s as ToolDefinition, T as ToolResult } from './types-Cr8eCJ0G.cjs';
+import { a7 as ExtensionModule } from './types-DiSR4tCQ.cjs';
+export { a3 as AIProvider, a6 as Action, A as ActionResult, C as ChatMessage, a as ChatOptions, I as Disposable, H as ExtensionContext, G as GetModelsOptions, M as ModelInfo, b as StreamEvent, a5 as Tool, a4 as ToolCall, s as ToolDefinition, T as ToolResult } from './types-DiSR4tCQ.cjs';
 
 /**
  * Extension Runtime - Runs inside the worker

package/dist/runtime.d.ts

@@ -1,5 +1,5 @@
-import { a7 as ExtensionModule } from './types-Cr8eCJ0G.js';
-export { a3 as AIProvider, a6 as Action, A as ActionResult, C as ChatMessage, a as ChatOptions, I as Disposable, H as ExtensionContext, G as GetModelsOptions, M as ModelInfo, b as StreamEvent, a5 as Tool, a4 as ToolCall, s as ToolDefinition, T as ToolResult } from './types-Cr8eCJ0G.js';
+import { a7 as ExtensionModule } from './types-DiSR4tCQ.js';
+export { a3 as AIProvider, a6 as Action, A as ActionResult, C as ChatMessage, a as ChatOptions, I as Disposable, H as ExtensionContext, G as GetModelsOptions, M as ModelInfo, b as StreamEvent, a5 as Tool, a4 as ToolCall, s as ToolDefinition, T as ToolResult } from './types-DiSR4tCQ.js';
 
 /**
  * Extension Runtime - Runs inside the worker

package/dist/{types-Cr8eCJ0G.d.cts → types-DiSR4tCQ.d.cts}

@@ -1,6 +1,42 @@
+/**
+ * Allowed CSS property names for extension component styling.
+ * Only safe properties that cannot be used for UI spoofing,
+ * clickjacking, or data exfiltration are permitted.
+ *
+ * Blocked properties include: position, z-index, top/left/right/bottom,
+ * pointer-events, transform, content, clip-path, mask, filter.
+ *
+ * Blocked value patterns include: url(), expression(), javascript:,
+ * -moz-binding, behavior:, @import.
+ */
+type AllowedCSSProperty = 'color' | 'background-color' | 'background' | 'border-color' | 'border' | 'border-width' | 'border-style' | 'border-radius' | 'border-top' | 'border-right' | 'border-bottom' | 'border-left' | 'border-top-left-radius' | 'border-top-right-radius' | 'border-bottom-left-radius' | 'border-bottom-right-radius' | 'padding' | 'padding-top' | 'padding-right' | 'padding-bottom' | 'padding-left' | 'margin' | 'margin-top' | 'margin-right' | 'margin-bottom' | 'margin-left' | 'gap' | 'row-gap' | 'column-gap' | 'font-size' | 'font-weight' | 'font-style' | 'text-align' | 'text-decoration' | 'line-height' | 'letter-spacing' | 'white-space' | 'word-break' | 'overflow-wrap' | 'width' | 'height' | 'min-width' | 'min-height' | 'max-width' | 'max-height' | 'flex' | 'flex-grow' | 'flex-shrink' | 'flex-basis' | 'flex-wrap' | 'align-self' | 'justify-self' | 'align-items' | 'justify-content' | 'opacity' | 'visibility' | 'overflow' | 'overflow-x' | 'overflow-y' | 'box-shadow' | 'outline' | 'cursor' | 'border-collapse' | 'border-spacing';
+/**
+ * Style object for extension components.
+ * Values can be static strings or $-prefixed references to scope variables.
+ *
+ * @example
+ * ```json
+ * {
+ *   "component": "HorizontalStack",
+ *   "style": {
+ *     "background-color": "#f5f5f5",
+ *     "border-radius": "8px",
+ *     "padding": "1rem"
+ *   }
+ * }
+ * ```
+ */
+type ExtensionComponentStyle = Partial<Record<AllowedCSSProperty, string>>;
 /** Base interface for dynamically rendered extension components. */
 interface ExtensionComponentData {
     component: string;
+    /**
+     * Optional inline styles for the component.
+     * Only safe CSS properties are allowed; dangerous properties and values
+     * (e.g., position, z-index, url()) are blocked for security.
+     * Values can use $-prefixed references to scope variables.
+     */
+    style?: ExtensionComponentStyle;
     [key: string]: unknown;
 }
 /**
@@ -201,6 +237,68 @@ interface ToggleProps extends ExtensionComponentData {
     disabled?: boolean;
     onChangeAction: ExtensionActionRef;
 }
+/** The extension API properties for the Collapsible component. */
+interface CollapsibleProps extends ExtensionComponentData {
+    component: 'Collapsible';
+    /** Title displayed in the header. */
+    title: string;
+    /** Optional description rendered under the title. */
+    description?: string | string[];
+    /** Optional icon shown to the left of the title. */
+    icon?: string;
+    /** Whether the section is expanded by default. */
+    defaultExpanded?: boolean;
+    /** Child component to render when expanded. */
+    content?: ExtensionComponentData;
+}
+/** Pill variant type for predefined color schemes. */
+type PillVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'accent';
+/** The extension API properties for the Pill component. */
+interface PillProps extends ExtensionComponentData {
+    component: 'Pill';
+    /** Text to display in the pill. */
+    text: string;
+    /** Optional icon shown to the left of the text. */
+    icon?: string;
+    /** Color variant. Defaults to 'default'. */
+    variant?: PillVariant;
+}
+/** The extension API properties for the Checkbox component. */
+interface CheckboxProps extends ExtensionComponentData {
+    component: 'Checkbox';
+    /** Label text displayed next to the checkbox. */
+    label: string;
+    /** Whether the checkbox is checked. */
+    checked?: boolean;
+    /** Whether the checkbox is disabled. */
+    disabled?: boolean;
+    /** Whether to strike through the label when checked. Defaults to true. */
+    strikethrough?: boolean;
+    /** Action to call when the checkbox state changes. */
+    onChangeAction: ExtensionActionRef;
+}
+/** The extension API properties for the Markdown component. */
+interface MarkdownProps extends ExtensionComponentData {
+    component: 'Markdown';
+    /** Markdown content to render. */
+    content: string;
+}
+/** The extension API properties for the Modal component. */
+interface ModalProps extends ExtensionComponentData {
+    component: 'Modal';
+    /** Title displayed in the modal header. */
+    title: string;
+    /** Whether the modal is open. */
+    open?: boolean;
+    /** Optional max width for the modal (e.g., '600px', '80%'). Defaults to '600px'. */
+    maxWidth?: string;
+    /** Content to render in the modal body. */
+    body?: ExtensionComponentData;
+    /** Optional content to render in the modal footer. */
+    footer?: ExtensionComponentData;
+    /** Action to call when the modal is closed. */
+    onCloseAction?: ExtensionActionRef;
+}
 
 /**
  * Extension manifest format (manifest.json)
@@ -948,4 +1046,4 @@ interface ExtensionModule {
     deactivate?(): void | Promise<void>;
 }
 
-export type { ChatInstructionMessage as $, ActionResult as A, StoragePermission as B, ChatMessage as C, CapabilityPermission as D, ExtensionManifest as E, SystemPermission as F, GetModelsOptions as G, ExtensionContext as H, Disposable as I, NetworkAPI as J, SettingsAPI as K, ProvidersAPI as L, ModelInfo as M, NetworkPermission as N, ToolsAPI as O, Platform as P, ActionsAPI as Q, EventsAPI as R, SchedulerFirePayload as S, ToolResult as T, UserDataPermission as U, SchedulerAPI as V, SchedulerJobRequest as W, SchedulerSchedule as X, UserAPI as Y, UserProfile as Z, ChatAPI as _, ChatOptions as a, DatabaseAPI as a0, StorageAPI as a1, LogAPI as a2, AIProvider as a3, ToolCall as a4, Tool as a5, Action as a6, ExtensionModule as a7, ExtensionComponentData as a8, ExtensionComponentIterator as a9, ExtensionComponentChildren as aa, ExtensionActionCall as ab, ExtensionActionRef as ac, ExtensionDataSource as ad, ExtensionPanelDefinition as ae, HeaderProps as af, LabelProps as ag, ParagraphProps as ah, ButtonProps as ai, TextInputProps as aj, SelectProps as ak, VerticalStackProps as al, HorizontalStackProps as am, GridProps as an, DividerProps as ao, IconProps as ap, IconButtonType as aq, IconButtonProps as ar, PanelAction as as, PanelProps as at, ToggleProps as au, StreamEvent as b, ExtensionContributions as c, SettingDefinition as d, SettingOptionsMapping as e, SettingCreateMapping as f, ToolSettingsViewDefinition as g, ToolSettingsView as h, ToolSettingsListView as i, ToolSettingsListMapping as j, PanelDefinition as k, PanelView as l, PanelComponentView as m, PanelActionDataSource as n, PanelUnknownView as o, ProviderDefinition as p, PromptContribution as q, PromptSection as r, ToolDefinition as s, CommandDefinition as t, ProviderConfigSchema as u, ProviderConfigProperty as v, ProviderConfigPropertyType as w, ProviderConfigSelectOption as x, ProviderConfigValidation as y, Permission as z };
+export type { ChatInstructionMessage as $, ActionResult as A, StoragePermission as B, ChatMessage as C, CapabilityPermission as D, ExtensionManifest as E, SystemPermission as F, GetModelsOptions as G, ExtensionContext as H, Disposable as I, NetworkAPI as J, SettingsAPI as K, ProvidersAPI as L, ModelInfo as M, NetworkPermission as N, ToolsAPI as O, Platform as P, ActionsAPI as Q, EventsAPI as R, SchedulerFirePayload as S, ToolResult as T, UserDataPermission as U, SchedulerAPI as V, SchedulerJobRequest as W, SchedulerSchedule as X, UserAPI as Y, UserProfile as Z, ChatAPI as _, ChatOptions as a, DatabaseAPI as a0, StorageAPI as a1, LogAPI as a2, AIProvider as a3, ToolCall as a4, Tool as a5, Action as a6, ExtensionModule as a7, AllowedCSSProperty as a8, ExtensionComponentStyle as a9, CheckboxProps as aA, MarkdownProps as aB, ModalProps as aC, ExtensionComponentData as aa, ExtensionComponentIterator as ab, ExtensionComponentChildren as ac, ExtensionActionCall as ad, ExtensionActionRef as ae, ExtensionDataSource as af, ExtensionPanelDefinition as ag, HeaderProps as ah, LabelProps as ai, ParagraphProps as aj, ButtonProps as ak, TextInputProps as al, SelectProps as am, VerticalStackProps as an, HorizontalStackProps as ao, GridProps as ap, DividerProps as aq, IconProps as ar, IconButtonType as as, IconButtonProps as at, PanelAction as au, PanelProps as av, ToggleProps as aw, CollapsibleProps as ax, PillVariant as ay, PillProps as az, StreamEvent as b, ExtensionContributions as c, SettingDefinition as d, SettingOptionsMapping as e, SettingCreateMapping as f, ToolSettingsViewDefinition as g, ToolSettingsView as h, ToolSettingsListView as i, ToolSettingsListMapping as j, PanelDefinition as k, PanelView as l, PanelComponentView as m, PanelActionDataSource as n, PanelUnknownView as o, ProviderDefinition as p, PromptContribution as q, PromptSection as r, ToolDefinition as s, CommandDefinition as t, ProviderConfigSchema as u, ProviderConfigProperty as v, ProviderConfigPropertyType as w, ProviderConfigSelectOption as x, ProviderConfigValidation as y, Permission as z };

package/dist/{types-Cr8eCJ0G.d.ts → types-DiSR4tCQ.d.ts}

@@ -1,6 +1,42 @@
+/**
+ * Allowed CSS property names for extension component styling.
+ * Only safe properties that cannot be used for UI spoofing,
+ * clickjacking, or data exfiltration are permitted.
+ *
+ * Blocked properties include: position, z-index, top/left/right/bottom,
+ * pointer-events, transform, content, clip-path, mask, filter.
+ *
+ * Blocked value patterns include: url(), expression(), javascript:,
+ * -moz-binding, behavior:, @import.
+ */
+type AllowedCSSProperty = 'color' | 'background-color' | 'background' | 'border-color' | 'border' | 'border-width' | 'border-style' | 'border-radius' | 'border-top' | 'border-right' | 'border-bottom' | 'border-left' | 'border-top-left-radius' | 'border-top-right-radius' | 'border-bottom-left-radius' | 'border-bottom-right-radius' | 'padding' | 'padding-top' | 'padding-right' | 'padding-bottom' | 'padding-left' | 'margin' | 'margin-top' | 'margin-right' | 'margin-bottom' | 'margin-left' | 'gap' | 'row-gap' | 'column-gap' | 'font-size' | 'font-weight' | 'font-style' | 'text-align' | 'text-decoration' | 'line-height' | 'letter-spacing' | 'white-space' | 'word-break' | 'overflow-wrap' | 'width' | 'height' | 'min-width' | 'min-height' | 'max-width' | 'max-height' | 'flex' | 'flex-grow' | 'flex-shrink' | 'flex-basis' | 'flex-wrap' | 'align-self' | 'justify-self' | 'align-items' | 'justify-content' | 'opacity' | 'visibility' | 'overflow' | 'overflow-x' | 'overflow-y' | 'box-shadow' | 'outline' | 'cursor' | 'border-collapse' | 'border-spacing';
+/**
+ * Style object for extension components.
+ * Values can be static strings or $-prefixed references to scope variables.
+ *
+ * @example
+ * ```json
+ * {
+ *   "component": "HorizontalStack",
+ *   "style": {
+ *     "background-color": "#f5f5f5",
+ *     "border-radius": "8px",
+ *     "padding": "1rem"
+ *   }
+ * }
+ * ```
+ */
+type ExtensionComponentStyle = Partial<Record<AllowedCSSProperty, string>>;
 /** Base interface for dynamically rendered extension components. */
 interface ExtensionComponentData {
     component: string;
+    /**
+     * Optional inline styles for the component.
+     * Only safe CSS properties are allowed; dangerous properties and values
+     * (e.g., position, z-index, url()) are blocked for security.
+     * Values can use $-prefixed references to scope variables.
+     */
+    style?: ExtensionComponentStyle;
     [key: string]: unknown;
 }
 /**
@@ -201,6 +237,68 @@ interface ToggleProps extends ExtensionComponentData {
     disabled?: boolean;
     onChangeAction: ExtensionActionRef;
 }
+/** The extension API properties for the Collapsible component. */
+interface CollapsibleProps extends ExtensionComponentData {
+    component: 'Collapsible';
+    /** Title displayed in the header. */
+    title: string;
+    /** Optional description rendered under the title. */
+    description?: string | string[];
+    /** Optional icon shown to the left of the title. */
+    icon?: string;
+    /** Whether the section is expanded by default. */
+    defaultExpanded?: boolean;
+    /** Child component to render when expanded. */
+    content?: ExtensionComponentData;
+}
+/** Pill variant type for predefined color schemes. */
+type PillVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'accent';
+/** The extension API properties for the Pill component. */
+interface PillProps extends ExtensionComponentData {
+    component: 'Pill';
+    /** Text to display in the pill. */
+    text: string;
+    /** Optional icon shown to the left of the text. */
+    icon?: string;
+    /** Color variant. Defaults to 'default'. */
+    variant?: PillVariant;
+}
+/** The extension API properties for the Checkbox component. */
+interface CheckboxProps extends ExtensionComponentData {
+    component: 'Checkbox';
+    /** Label text displayed next to the checkbox. */
+    label: string;
+    /** Whether the checkbox is checked. */
+    checked?: boolean;
+    /** Whether the checkbox is disabled. */
+    disabled?: boolean;
+    /** Whether to strike through the label when checked. Defaults to true. */
+    strikethrough?: boolean;
+    /** Action to call when the checkbox state changes. */
+    onChangeAction: ExtensionActionRef;
+}
+/** The extension API properties for the Markdown component. */
+interface MarkdownProps extends ExtensionComponentData {
+    component: 'Markdown';
+    /** Markdown content to render. */
+    content: string;
+}
+/** The extension API properties for the Modal component. */
+interface ModalProps extends ExtensionComponentData {
+    component: 'Modal';
+    /** Title displayed in the modal header. */
+    title: string;
+    /** Whether the modal is open. */
+    open?: boolean;
+    /** Optional max width for the modal (e.g., '600px', '80%'). Defaults to '600px'. */
+    maxWidth?: string;
+    /** Content to render in the modal body. */
+    body?: ExtensionComponentData;
+    /** Optional content to render in the modal footer. */
+    footer?: ExtensionComponentData;
+    /** Action to call when the modal is closed. */
+    onCloseAction?: ExtensionActionRef;
+}
 
 /**
  * Extension manifest format (manifest.json)
@@ -948,4 +1046,4 @@ interface ExtensionModule {
     deactivate?(): void | Promise<void>;
 }
 
-export type { ChatInstructionMessage as $, ActionResult as A, StoragePermission as B, ChatMessage as C, CapabilityPermission as D, ExtensionManifest as E, SystemPermission as F, GetModelsOptions as G, ExtensionContext as H, Disposable as I, NetworkAPI as J, SettingsAPI as K, ProvidersAPI as L, ModelInfo as M, NetworkPermission as N, ToolsAPI as O, Platform as P, ActionsAPI as Q, EventsAPI as R, SchedulerFirePayload as S, ToolResult as T, UserDataPermission as U, SchedulerAPI as V, SchedulerJobRequest as W, SchedulerSchedule as X, UserAPI as Y, UserProfile as Z, ChatAPI as _, ChatOptions as a, DatabaseAPI as a0, StorageAPI as a1, LogAPI as a2, AIProvider as a3, ToolCall as a4, Tool as a5, Action as a6, ExtensionModule as a7, ExtensionComponentData as a8, ExtensionComponentIterator as a9, ExtensionComponentChildren as aa, ExtensionActionCall as ab, ExtensionActionRef as ac, ExtensionDataSource as ad, ExtensionPanelDefinition as ae, HeaderProps as af, LabelProps as ag, ParagraphProps as ah, ButtonProps as ai, TextInputProps as aj, SelectProps as ak, VerticalStackProps as al, HorizontalStackProps as am, GridProps as an, DividerProps as ao, IconProps as ap, IconButtonType as aq, IconButtonProps as ar, PanelAction as as, PanelProps as at, ToggleProps as au, StreamEvent as b, ExtensionContributions as c, SettingDefinition as d, SettingOptionsMapping as e, SettingCreateMapping as f, ToolSettingsViewDefinition as g, ToolSettingsView as h, ToolSettingsListView as i, ToolSettingsListMapping as j, PanelDefinition as k, PanelView as l, PanelComponentView as m, PanelActionDataSource as n, PanelUnknownView as o, ProviderDefinition as p, PromptContribution as q, PromptSection as r, ToolDefinition as s, CommandDefinition as t, ProviderConfigSchema as u, ProviderConfigProperty as v, ProviderConfigPropertyType as w, ProviderConfigSelectOption as x, ProviderConfigValidation as y, Permission as z };
+export type { ChatInstructionMessage as $, ActionResult as A, StoragePermission as B, ChatMessage as C, CapabilityPermission as D, ExtensionManifest as E, SystemPermission as F, GetModelsOptions as G, ExtensionContext as H, Disposable as I, NetworkAPI as J, SettingsAPI as K, ProvidersAPI as L, ModelInfo as M, NetworkPermission as N, ToolsAPI as O, Platform as P, ActionsAPI as Q, EventsAPI as R, SchedulerFirePayload as S, ToolResult as T, UserDataPermission as U, SchedulerAPI as V, SchedulerJobRequest as W, SchedulerSchedule as X, UserAPI as Y, UserProfile as Z, ChatAPI as _, ChatOptions as a, DatabaseAPI as a0, StorageAPI as a1, LogAPI as a2, AIProvider as a3, ToolCall as a4, Tool as a5, Action as a6, ExtensionModule as a7, AllowedCSSProperty as a8, ExtensionComponentStyle as a9, CheckboxProps as aA, MarkdownProps as aB, ModalProps as aC, ExtensionComponentData as aa, ExtensionComponentIterator as ab, ExtensionComponentChildren as ac, ExtensionActionCall as ad, ExtensionActionRef as ae, ExtensionDataSource as af, ExtensionPanelDefinition as ag, HeaderProps as ah, LabelProps as ai, ParagraphProps as aj, ButtonProps as ak, TextInputProps as al, SelectProps as am, VerticalStackProps as an, HorizontalStackProps as ao, GridProps as ap, DividerProps as aq, IconProps as ar, IconButtonType as as, IconButtonProps as at, PanelAction as au, PanelProps as av, ToggleProps as aw, CollapsibleProps as ax, PillVariant as ay, PillProps as az, StreamEvent as b, ExtensionContributions as c, SettingDefinition as d, SettingOptionsMapping as e, SettingCreateMapping as f, ToolSettingsViewDefinition as g, ToolSettingsView as h, ToolSettingsListView as i, ToolSettingsListMapping as j, PanelDefinition as k, PanelView as l, PanelComponentView as m, PanelActionDataSource as n, PanelUnknownView as o, ProviderDefinition as p, PromptContribution as q, PromptSection as r, ToolDefinition as s, CommandDefinition as t, ProviderConfigSchema as u, ProviderConfigProperty as v, ProviderConfigPropertyType as w, ProviderConfigSelectOption as x, ProviderConfigValidation as y, Permission as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stina/extension-api",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "private": false,
   "repository": {
     "type": "git",

package/src/index.ts

@@ -117,6 +117,9 @@ export { generateMessageId } from './messages.js'
 
 // Component types (for extension UI components)
 export type {
+  // Styling
+  AllowedCSSProperty,
+  ExtensionComponentStyle,
   // Base types
   ExtensionComponentData,
   // Iteration & Children
@@ -145,4 +148,10 @@ export type {
   PanelAction,
   PanelProps,
   ToggleProps,
+  CollapsibleProps,
+  PillVariant,
+  PillProps,
+  CheckboxProps,
+  MarkdownProps,
+  ModalProps,
 } from './types.components.js'

package/src/types.components.ts

@@ -1,6 +1,122 @@
+// =============================================================================
+// Styling
+// =============================================================================
+
+/**
+ * Allowed CSS property names for extension component styling.
+ * Only safe properties that cannot be used for UI spoofing,
+ * clickjacking, or data exfiltration are permitted.
+ *
+ * Blocked properties include: position, z-index, top/left/right/bottom,
+ * pointer-events, transform, content, clip-path, mask, filter.
+ *
+ * Blocked value patterns include: url(), expression(), javascript:,
+ * -moz-binding, behavior:, @import.
+ */
+export type AllowedCSSProperty =
+  // Colors
+  | 'color'
+  | 'background-color'
+  | 'background'
+  | 'border-color'
+  // Borders
+  | 'border'
+  | 'border-width'
+  | 'border-style'
+  | 'border-radius'
+  | 'border-top'
+  | 'border-right'
+  | 'border-bottom'
+  | 'border-left'
+  | 'border-top-left-radius'
+  | 'border-top-right-radius'
+  | 'border-bottom-left-radius'
+  | 'border-bottom-right-radius'
+  // Spacing
+  | 'padding'
+  | 'padding-top'
+  | 'padding-right'
+  | 'padding-bottom'
+  | 'padding-left'
+  | 'margin'
+  | 'margin-top'
+  | 'margin-right'
+  | 'margin-bottom'
+  | 'margin-left'
+  | 'gap'
+  | 'row-gap'
+  | 'column-gap'
+  // Typography
+  | 'font-size'
+  | 'font-weight'
+  | 'font-style'
+  | 'text-align'
+  | 'text-decoration'
+  | 'line-height'
+  | 'letter-spacing'
+  | 'white-space'
+  | 'word-break'
+  | 'overflow-wrap'
+  // Layout (safe properties)
+  | 'width'
+  | 'height'
+  | 'min-width'
+  | 'min-height'
+  | 'max-width'
+  | 'max-height'
+  | 'flex'
+  | 'flex-grow'
+  | 'flex-shrink'
+  | 'flex-basis'
+  | 'flex-wrap'
+  | 'align-self'
+  | 'justify-self'
+  | 'align-items'
+  | 'justify-content'
+  // Visual
+  | 'opacity'
+  | 'visibility'
+  | 'overflow'
+  | 'overflow-x'
+  | 'overflow-y'
+  | 'box-shadow'
+  | 'outline'
+  | 'cursor'
+  | 'border-collapse'
+  | 'border-spacing'
+
+/**
+ * Style object for extension components.
+ * Values can be static strings or $-prefixed references to scope variables.
+ *
+ * @example
+ * ```json
+ * {
+ *   "component": "HorizontalStack",
+ *   "style": {
+ *     "background-color": "#f5f5f5",
+ *     "border-radius": "8px",
+ *     "padding": "1rem"
+ *   }
+ * }
+ * ```
+ */
+export type ExtensionComponentStyle = Partial<Record<AllowedCSSProperty, string>>
+
+// =============================================================================
+// Base Component
+// =============================================================================
+
 /** Base interface for dynamically rendered extension components. */
 export interface ExtensionComponentData {
   component: string
+  /**
+   * Optional inline styles for the component.
+   * Only safe CSS properties are allowed; dangerous properties and values
+   * (e.g., position, z-index, url()) are blocked for security.
+   * Values can use $-prefixed references to scope variables.
+   */
+  style?: ExtensionComponentStyle
   [key: string]: unknown
 }
 
@@ -234,3 +350,71 @@ export interface ToggleProps extends ExtensionComponentData {
   disabled?: boolean
   onChangeAction: ExtensionActionRef
 }
+
+/** The extension API properties for the Collapsible component. */
+export interface CollapsibleProps extends ExtensionComponentData {
+  component: 'Collapsible'
+  /** Title displayed in the header. */
+  title: string
+  /** Optional description rendered under the title. */
+  description?: string | string[]
+  /** Optional icon shown to the left of the title. */
+  icon?: string
+  /** Whether the section is expanded by default. */
+  defaultExpanded?: boolean
+  /** Child component to render when expanded. */
+  content?: ExtensionComponentData
+}
+
+/** Pill variant type for predefined color schemes. */
+export type PillVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'accent'
+
+/** The extension API properties for the Pill component. */
+export interface PillProps extends ExtensionComponentData {
+  component: 'Pill'
+  /** Text to display in the pill. */
+  text: string
+  /** Optional icon shown to the left of the text. */
+  icon?: string
+  /** Color variant. Defaults to 'default'. */
+  variant?: PillVariant
+}
+
+/** The extension API properties for the Checkbox component. */
+export interface CheckboxProps extends ExtensionComponentData {
+  component: 'Checkbox'
+  /** Label text displayed next to the checkbox. */
+  label: string
+  /** Whether the checkbox is checked. */
+  checked?: boolean
+  /** Whether the checkbox is disabled. */
+  disabled?: boolean
+  /** Whether to strike through the label when checked. Defaults to true. */
+  strikethrough?: boolean
+  /** Action to call when the checkbox state changes. */
+  onChangeAction: ExtensionActionRef
+}
+
+/** The extension API properties for the Markdown component. */
+export interface MarkdownProps extends ExtensionComponentData {
+  component: 'Markdown'
+  /** Markdown content to render. */
+  content: string
+}
+
+/** The extension API properties for the Modal component. */
+export interface ModalProps extends ExtensionComponentData {
+  component: 'Modal'
+  /** Title displayed in the modal header. */
+  title: string
+  /** Whether the modal is open. */
+  open?: boolean
+  /** Optional max width for the modal (e.g., '600px', '80%'). Defaults to '600px'. */
+  maxWidth?: string
+  /** Content to render in the modal body. */
+  body?: ExtensionComponentData
+  /** Optional content to render in the modal footer. */
+  footer?: ExtensionComponentData
+  /** Action to call when the modal is closed. */
+  onCloseAction?: ExtensionActionRef
+}