@plitzi/plitzi-builder 0.37.1 → 0.37.2

package/CHANGELOG.md

@@ -1,5 +1,162 @@
 # @plitzi/plitzi-builder
 
+## 0.37.2
+
+### Patch Changes
+
+- ## Authoring and agents
+  - **A step's params are templates in full.** Only a bare name (`{{ post.slug }}`) used to be recognised, so a
+    condition or a loop in a `setState` or a webhook body was handed on as its own text — a flag set to
+    `{% if … %}1{% endif %}` stored the template, a non-empty string every later check read as true. Any `{{ }}` or
+    `{% %}` in a param is now evaluated; what it resolves to is data and is not evaluated again.
+  - **Twig tests work.** `x is defined`, `is empty`, `is null`, `is iterable`, `is even`, `is odd` (and `is not …`) used
+    to be read as comparisons with a variable of that name — `x is defined` answered true exactly when `x` was not
+    defined. Anything else on the right of `is` still compares.
+  - **A group takes an access chain.** `(rows|find('id', 3)).title` read the whole row; the key after the parenthesis
+    was never parsed.
+  - **An expression that chose to be empty renders empty** under `keepEmptyTokens`. A kept token is for a name still
+    waiting for a value; `{{ on ? 'active' : '' }}` said "nothing" on purpose, and handing back its text made the
+    empty branch a non-empty string.
+  - **Checkbox params written as text are booleans.** `dateConverter({ isUnix: 'false' })` read `'false'` as yes and
+    gave an ISO date back raw. Every utility's checkbox params are normalised before its callback runs.
+  - **`condition-starts-visible`** warns about a visibility computed from data on an element that starts on screen: it
+    is drawn until its provider answers and then hidden — an empty state or a "get started" card flashing past on
+    every load. `visible: false` makes it wait hidden. The export reads a visibility binding back in its place, so a
+    space whose condition is not its last binding round-trips unchanged.
+  - **A source named by its short id inside a binding's template is refused** with the full name, as it already was in
+    a flow: `{{ stats.total }}` resolved to nothing and the element showed its empty branch.
+  - **`activeOn(class, pageIds)`** marks a menu's current entry from `navigation.currentPageId` — one binding for a menu
+    kept in a layout. `variantFrom` now says `append: 'true'`, which is what it did.
+  - **Two elements with one id** name where the first one was written. **`template-never-resolved`** warns about a
+    condition left in an attribute, which only resolves `{{ name|filter }}` tokens.
+  - **The authoring skill is a folder**: `SKILL.md` plus references for layouts, data and visibility, templates,
+    flows, structure, testing and a review checklist. `plitzi create` copies all of it, and writes an `AGENTS.md`
+    (imported by `CLAUDE.md`) pointing any agent at it.
+
+  - **A new space starts on a page worth keeping.** The space `POST /spaces` and `plitzi create` both begin from is
+    redesigned: a top bar with the theme switch, a hero with two calls to action, and six guides — each a card linking to
+    its page of the docs (`https://plitzi.com/docs/…`). Every link used to be `#`, and one promised a course that does
+    not exist. The palette is a set of light/dark tokens in Geist, the guides are one list mapped to one card, and the
+    bands of the page share a `shell` class — the page is written the way the authoring skill asks a space to be.
+  - **The copy `plitzi create` writes passes its own project's lint.** An import of the package that would not fit
+    120 columns is wrapped one name per line, as the project's formatter would wrap it.
+
+  ## Server actions and scheduled jobs
+
+  **Scheduled jobs across replicas, out of the box, on the database a deployment already runs.** The scheduler and the
+  workers were already the package's; where the jobs wait was left to each deployment to write — and a queue is the part
+  that is easiest to get subtly wrong. Two helpers now build the adapters over a store the deployment owns, without the
+  package opening a connection or keeping data of its own:
+
+  - `@plitzi/sdk-server/mongo` — `createMongoJobQueue({ db })` and `createMongoKv({ db })`, over a `Db` (or a getter for a
+    client that reconnects). Creates the indexes its queries need; `mongodb` is an optional peer, used for its types.
+  - `@plitzi/sdk-server/mysql` — `createMysqlJobQueue({ pool })` and `createMysqlKv({ pool })`, over a `mysql2` pool.
+    Each job is claimed by a single-row compare-and-set, so replicas claiming at once never deadlock. Creates its three
+    tables on first use, or hands them to your own migrations through `mysqlJobSchemaStatements()`.
+
+  Every instant is the database server's, never a replica's. The in-process queue and both helpers pass one contract test
+  suite: exactly-once enqueue, atomic claims, leases that lapse and are reaped, heartbeats, settlements ignored from a
+  worker that lost its claim, refunded hand-backs, schedules advanced by compare-and-set, operator retry and cancel.
+
+  **`closeOnSignals(server, { afterClose })`** closes the server on SIGTERM/SIGINT and exits only once it has — so a
+  deploy finishes the jobs a replica is running and leaves the waiting ones for the next. A second signal exits at once.
+  Opt-in: a host with its own signal handling calls `server.close()` itself. Projects from `plitzi create` use it.
+
+  **A replica that is told to stop finishes the jobs it is running — and only those.** `server.close()` (and the job
+  worker's `stop()`) now waits for every running job to end however long past its lease that is, and keeps renewing
+  their claims while it waits. It used to stop renewing the moment the drain began and give up at the lease: a job longer
+  than its lease was taken over by another replica and run a second time while the first was still finishing it, and the
+  process exited in the middle of it. What is still waiting is not touched — it stays in the shared queue for the replica
+  that is staying or the one the deploy starts — and a job claimed in the instant the stop arrived is handed back with its
+  attempt refunded, never started. A run is bounded by its own timeout, which is the number an orchestrator's grace period
+  has to cover.
+
+  - **An every-minute schedule fired every other minute.** After producing a fire, the scheduler asked for the next
+    one from `lateness + 1 minute`, and `cronNextFire` rounds up to a whole minute — so a sweep that ran even a second
+    late (with the default 15-second sweep, nearly all of them) skipped the minute it should have produced. It now asks
+    from the minute after the one the sweep ran in. Only expressions with consecutive-minute fires were affected;
+    hourly and daily schedules were not.
+  - **A job that gives up says which step failed and why.** Its `error` and the failed attempt in its history used to
+    read "the flow ended failed" for every failure there is; they now read `step "<id>" failed: <message>`, taken from
+    the run's outline — already redacted of every credential the run resolved, so nothing reaches the job that the
+    run history would not show.
+  - **`apiContainer` takes `refreshSeconds`**: it asks again on its own every N seconds, for a page showing something
+    still moving — a queue, a feed, a status board. It is the same refresh `performQuery` runs, so it works for both
+    runtimes (a browser request is sent again; a server provider asks for its own RSC slice again). It pauses while
+    the tab is hidden and never starts a refresh while the last one is in flight. `0`, the default, never does. Before
+    this a live server provider needed a plugin element of its own to call `useRscRefresh` on a timer: `onApiSuccess`
+    never fires for a server provider, so there was no way to author the loop. The builder shows it as "Refresh every
+    (s)" for either runtime.
+  - **`onApiSuccess` / `onApiError` fire for a server provider.** The declaration offered them for every
+    `apiContainer`, but they were decided from the browser request alone — which a `runtime: 'server'` provider never
+    makes — so a flow wired to them never ran. They now fire when the provider's slice arrives (or the payload arrives
+    without it), and again on each refresh, the same as a browser refetch. A payload resolved for another page fires
+    neither. **A space that wired a flow to one of them will now see it run.**
+  - **The theme toggle shows one icon by default.** It renders both — which one is right depends on stored state, and
+    markup that depended on it would differ between the server and the browser — and until now every space had to copy
+    ten lines of `customCss` to hide the other; one that did not showed a sun and a moon side by side. The SDK's base
+    layer now shows the icon of the scheme in use, and a space's own rule still wins.
+  - **`variantFrom(cls, source)`** in `@plitzi/sdk-authoring` binds which of a CLASS's variants an element wears to a
+    value in the data — a status pill that is amber while a job waits and green once it is done. Written by hand the
+    variant key is the trap: it names the selector the variants belong to, and the element's type (`text.base`) is a
+    different selector from its class (`statusPill.base`), so the element rendered with no variant and nothing
+    reported it. The helper takes the key from the class declaration.
+  - **`authorSpace` refuses a flow template that reads a source by its short name.** A binding completes the prefix
+    (`jobRows.item.id` → `list_jobRows.item.id`), so the short form is the one an author learns first; a step's params
+    are read as written, and there it resolved to nothing — a row's button posted an empty id and every layer below
+    reported success. The error names the full source. A root that is a step of the same flow is left alone.
+  - New example, [`05-with-server-actions/05-schedules`](../examples/05-with-server-actions/05-schedules): scheduled and
+    delayed jobs on a self-hosted server, with the `ActionJobQueue` and `kv` seams written out in full over one SQLite
+    file, two replicas sharing it, failover when one is killed, and a board that watches it happen.
+
+  ## Rendering, data and styles
+  - **A server element inside a layout is resolved.** `collectServerElements` walked the page alone, so a
+    `runtime: 'server'` provider in a layout — a dashboard's sidebar, a section's header — was never resolved: the RSC
+    payload came back empty and the element rendered with nothing. It now walks the page and every shell in its layout
+    chain.
+  - **The twig `date` filter reads an epoch.** `new Date("1790143200000")` is Invalid Date, so an epoch in milliseconds
+    handed over as text — how an attribute passes one — formatted as nothing. A number, or a string of digits, is now
+    read as milliseconds.
+  - **An action is called by its name, not by its trigger kind.** `actionName` took the first trigger's title, and a
+    trigger nobody named is titled with its kind — so every rendered action in a workspace read "render" and every clock
+    "schedule". A title that only repeats the kind is no longer a name, and `defineAction` titles each trigger with the
+    action's name.
+  - **`variant` on an element that wears a class is that class's variant** when the class declares it and the type does
+    not. Keyed by the type, `text({ class: avatar, variant: 'violet' })` named `text--violet`, a selector nothing wears,
+    and rendered with no variant at all. Exporting a document back to authoring reads the same key back into `variant`.
+  - **`variantFrom` takes `{ slot, template }`**, where `template` turns a value into a variant name for data that does
+    not already speak in them — `"{{ source == 'code' ? 'on' : '' }}"`. The third argument was the slot name alone.
+  - **Entry declarations no longer alternate with `export {}`.** In `@plitzi/sdk-server` and `@plitzi/sdk-mcp` a repeated
+    `build:dev` left some `dist/<entry>.d.ts` as a ten-byte `export {}`, and consumers saw "has no exported member". The
+    cause was `insertTypesEntry` writing a types entry over the real declaration of the same path; it is gone.
+  - **Signing in keeps what a guest was doing.** `runtimeStatePersist` reset `runtime.state` whenever its owner changed,
+    and a guest becoming a user is a change — so a sign-in screen that remembered where to send somebody (`?redirect=`)
+    forgot it the moment the session arrived, and the sign-in ended on the fallback page instead. Only a change FROM an
+    account resets now: one account's state still never reaches the next, and a guest has no account to protect.
+
+  **A value with functions inside functions is written as it was given, and fast.** A CSS value was split into layers
+  at commas by a pattern that could only see one level of parentheses, so `var(--bg, light-dark(#fff, #111))` was cut at
+  its inner comma and half a function went on into the stylesheet. The half was then tokenised by an expression that
+  nested one quantifier inside another and backtracked exponentially on it — nearly two seconds for thirty characters,
+  on every generation of that selector's cache. Both are now one linear scan that splits only outside parentheses and
+  quotes. Generated caches keep the spacing the value was written with inside functions (`repeat(3, minmax(0, 1fr))`,
+  `color-mix(in oklab, oklch(…) 50%, transparent)`), where they used to drop it after the first comma.
+
+- Updated dependencies
+  - @plitzi/plitzi-sdk@0.37.2
+  - @plitzi/sdk-auth@0.37.2
+  - @plitzi/sdk-authoring@0.37.2
+  - @plitzi/sdk-dev-tools@0.37.2
+  - @plitzi/sdk-elements@0.37.2
+  - @plitzi/sdk-event-bridge@0.37.2
+  - @plitzi/sdk-interactions@0.37.2
+  - @plitzi/sdk-navigation@0.37.2
+  - @plitzi/sdk-plugins@0.37.2
+  - @plitzi/sdk-schema@0.37.2
+  - @plitzi/sdk-shared@0.37.2
+  - @plitzi/sdk-style@0.37.2
+  - @plitzi/sdk-variables@0.37.2
+
 ## 0.37.1
 
 ### Patch Changes

package/dist/App.d.ts

@@ -9,5 +9,5 @@ export type AppProps = {
     userKey?: string;
     debugMode?: boolean;
 };
-declare const App: (props: AppProps) => import("react").JSX.Element;
+declare const App: (props: AppProps) => import('react').JSX.Element;
 export default App;

package/dist/index.d.ts

@@ -30,7 +30,7 @@ export type PlitziBuilderProps = {
     debugMode?: boolean;
 };
 declare const PlitziBuilder: {
-    (props: PlitziBuilderProps): import("react").JSX.Element;
+    (props: PlitziBuilderProps): import('react').JSX.Element;
     Plugin: (_props: import('./modules/Builder/BuilderPlugin').BuilderPluginProps) => undefined;
 };
 export declare const version: string;

package/dist/modules/AI/AiChat.d.ts

@@ -1,2 +1,2 @@
-declare const AiChat: () => import("react").JSX.Element;
+declare const AiChat: () => import('react').JSX.Element;
 export default AiChat;

package/dist/modules/AI/components/AiChatContent/AiChatContent.d.ts

@@ -18,5 +18,5 @@ export type AiChatContentProps = {
     onModelChange: (modelId: string) => void;
     onSettingsChange: (updates: Partial<AiProviderSettingsConfig>) => void;
 };
-declare const AiChatContent: ({ chatInputRef, chatRef, isSettingsOpen, onSettingsToggle, isListening, isVoiceSupported, audioData, onVoiceToggle, models, currentModel, modelsLoading, modelsError, providerSettings, onModelChange, onSettingsChange }: AiChatContentProps) => import("react").JSX.Element;
+declare const AiChatContent: ({ chatInputRef, chatRef, isSettingsOpen, onSettingsToggle, isListening, isVoiceSupported, audioData, onVoiceToggle, models, currentModel, modelsLoading, modelsError, providerSettings, onModelChange, onSettingsChange }: AiChatContentProps) => import('react').JSX.Element;
 export default AiChatContent;

package/dist/modules/AI/components/AiChatHeader/AiChatHeader.d.ts

@@ -2,5 +2,5 @@ export type AiChatHeaderProps = {
     isSettingsOpen?: boolean;
     onSettingsToggle?: () => void;
 };
-declare const AiChatHeader: ({ isSettingsOpen, onSettingsToggle }: AiChatHeaderProps) => import("react").JSX.Element;
+declare const AiChatHeader: ({ isSettingsOpen, onSettingsToggle }: AiChatHeaderProps) => import('react').JSX.Element;
 export default AiChatHeader;

package/dist/modules/AI/components/AiChatHeader/components/ConversationButton/ConversationButton.d.ts

@@ -1,2 +1,2 @@
-declare const ConversationButton: () => import("react").JSX.Element;
+declare const ConversationButton: () => import('react').JSX.Element;
 export default ConversationButton;

package/dist/modules/AI/components/AiChatHeader/components/HeaderActions/HeaderActions.d.ts

@@ -2,5 +2,5 @@ export type HeaderActionsProps = {
     isSettingsOpen?: boolean;
     onSettingsToggle?: () => void;
 };
-declare const HeaderActions: ({ isSettingsOpen, onSettingsToggle }: HeaderActionsProps) => import("react").JSX.Element;
+declare const HeaderActions: ({ isSettingsOpen, onSettingsToggle }: HeaderActionsProps) => import('react').JSX.Element;
 export default HeaderActions;

package/dist/modules/AI/components/AiProviderSettings/AiProviderSettings.d.ts

@@ -6,5 +6,5 @@ export type AiProviderSettingsProps = {
     modelsError?: string;
     onChange: (updates: Partial<AiProviderSettings>) => void;
 };
-declare const AiProviderSettings: ({ settings, models, modelsLoading, modelsError, onChange }: AiProviderSettingsProps) => import("react").JSX.Element;
+declare const AiProviderSettings: ({ settings, models, modelsLoading, modelsError, onChange }: AiProviderSettingsProps) => import('react').JSX.Element;
 export default AiProviderSettings;

package/dist/modules/AI/components/Chat/Chat.d.ts

@@ -2,5 +2,5 @@ import { Ref } from 'react';
 export type ChatProps = {
     ref?: Ref<HTMLDivElement>;
 };
-declare const Chat: ({ ref }: ChatProps) => import("react").JSX.Element;
+declare const Chat: ({ ref }: ChatProps) => import('react').JSX.Element;
 export default Chat;

package/dist/modules/AI/components/Chat/components/LiveEntry/LiveEntry.d.ts

@@ -5,5 +5,5 @@ export type LiveEntryProps = {
     streamingText?: string;
     liveSteps?: AiLiveStep[];
 };
-declare const LiveEntry: ({ isStreaming, isBusy, streamingText, liveSteps }: LiveEntryProps) => import("react").JSX.Element;
+declare const LiveEntry: ({ isStreaming, isBusy, streamingText, liveSteps }: LiveEntryProps) => import('react').JSX.Element;
 export default LiveEntry;

package/dist/modules/AI/components/Chat/components/LiveEntry/components/LiveHeader/LiveHeader.d.ts

@@ -6,5 +6,5 @@ export type LiveHeaderProps = {
     liveSteps: AiLiveStep[];
     streamingText?: string;
 };
-declare const LiveHeader: ({ mode, isStreaming, isBusy, liveSteps, streamingText }: LiveHeaderProps) => import("react").JSX.Element;
+declare const LiveHeader: ({ mode, isStreaming, isBusy, liveSteps, streamingText }: LiveHeaderProps) => import('react').JSX.Element;
 export default LiveHeader;

package/dist/modules/AI/components/Chat/components/LiveEntry/components/LiveThinking/LiveThinking.d.ts

@@ -3,5 +3,5 @@ export type LiveThinkingProps = {
     liveThinking: string;
     mode: AiMode;
 };
-declare const LiveThinking: ({ liveThinking, mode }: LiveThinkingProps) => import("react").JSX.Element;
+declare const LiveThinking: ({ liveThinking, mode }: LiveThinkingProps) => import('react').JSX.Element;
 export default LiveThinking;

package/dist/modules/AI/components/ChatInput/ChatInput.d.ts

@@ -15,5 +15,5 @@ export type ChatInputProps = {
     onVoiceToggle: () => void;
     onModelChange?: (modelId: string) => void;
 };
-declare const ChatInput: ({ ref, isListening, isVoiceSupported, audioData, models, currentModel, modelsLoading, onVoiceToggle, onModelChange }: ChatInputProps) => import("react").JSX.Element;
+declare const ChatInput: ({ ref, isListening, isVoiceSupported, audioData, models, currentModel, modelsLoading, onVoiceToggle, onModelChange }: ChatInputProps) => import('react').JSX.Element;
 export default ChatInput;

package/dist/modules/AI/components/ChatInput/components/AttachmentThumbnail/AttachmentThumbnail.d.ts

@@ -3,5 +3,5 @@ export type AttachmentThumbnailProps = {
     attachment: AiAttachment;
     onRemove: (id: string) => void;
 };
-declare const AttachmentThumbnail: ({ attachment, onRemove }: AttachmentThumbnailProps) => import("react").JSX.Element;
+declare const AttachmentThumbnail: ({ attachment, onRemove }: AttachmentThumbnailProps) => import('react').JSX.Element;
 export default AttachmentThumbnail;

package/dist/modules/AI/components/ChatInput/components/ButtonAttachments/ButtonAttachments.d.ts

@@ -8,5 +8,5 @@ export type ButtonAttachmentsProps = {
     onChange?: (attachments: AiAttachment[]) => void;
     onVoiceToggle?: () => void;
 };
-declare const ButtonAttachments: ({ mode, attachments, disabled, isListening, isVoiceSupported, onChange, onVoiceToggle }: ButtonAttachmentsProps) => import("react").JSX.Element;
+declare const ButtonAttachments: ({ mode, attachments, disabled, isListening, isVoiceSupported, onChange, onVoiceToggle }: ButtonAttachmentsProps) => import('react').JSX.Element;
 export default ButtonAttachments;

package/dist/modules/AI/components/ChatInput/components/ButtonSend/ButtonSend.d.ts

@@ -8,5 +8,5 @@ export type ButtonSendProps = {
     onClick?: () => void;
     onStop?: () => void;
 };
-declare const ButtonSend: ({ mode, message, attachments, disabled: disabledProp, isStreaming, onClick, onStop }: ButtonSendProps) => import("react").JSX.Element;
+declare const ButtonSend: ({ mode, message, attachments, disabled: disabledProp, isStreaming, onClick, onStop }: ButtonSendProps) => import('react').JSX.Element;
 export default ButtonSend;

package/dist/modules/AI/components/ChatInput/components/ButtonVoice/ButtonVoice.d.ts

@@ -5,5 +5,5 @@ export type ButtonVoiceProps = {
     isListening: boolean;
     onVoiceToggle?: () => void;
 };
-declare const ButtonVoice: ({ mode, disabled, isListening, onVoiceToggle }: ButtonVoiceProps) => import("react").JSX.Element;
+declare const ButtonVoice: ({ mode, disabled, isListening, onVoiceToggle }: ButtonVoiceProps) => import('react').JSX.Element;
 export default ButtonVoice;

package/dist/modules/AI/components/ChatInput/components/ChatInputControls/ChatInputControls.d.ts

@@ -23,5 +23,5 @@ export type ChatInputControlsProps = {
     onClickSend?: () => void;
     onStop?: () => void;
 };
-declare const ChatInputControls: ({ mode, effort, message, isStreaming, attachments, skills, models, currentModel, modelsLoading, isVoiceSupported, isListening, usage, messageCount, onCompact, onVoiceToggle, onAttachmentsChange, onModeChange, onEffortChange, onModelChange, onManageSkills, onClickSend, onStop }: ChatInputControlsProps) => import("react").JSX.Element;
+declare const ChatInputControls: ({ mode, effort, message, isStreaming, attachments, skills, models, currentModel, modelsLoading, isVoiceSupported, isListening, usage, messageCount, onCompact, onVoiceToggle, onAttachmentsChange, onModeChange, onEffortChange, onModelChange, onManageSkills, onClickSend, onStop }: ChatInputControlsProps) => import('react').JSX.Element;
 export default ChatInputControls;

package/dist/modules/AI/components/ChatInput/components/EffortSelector/EffortSelector.d.ts

@@ -4,5 +4,5 @@ export type EffortSelectorProps = {
     disabled?: boolean;
     onChange: (effort: AiEffort) => void;
 };
-declare const EffortSelector: ({ value, disabled, onChange }: EffortSelectorProps) => import("react").JSX.Element;
+declare const EffortSelector: ({ value, disabled, onChange }: EffortSelectorProps) => import('react').JSX.Element;
 export default EffortSelector;

package/dist/modules/AI/components/ChatInput/components/EffortSelector/components/EffortBars/EffortBars.d.ts

@@ -3,5 +3,5 @@ export type EffortBarsProps = {
     effort: AiEffort;
     active?: boolean;
 };
-declare const EffortBars: ({ effort, active }: EffortBarsProps) => import("react").JSX.Element;
+declare const EffortBars: ({ effort, active }: EffortBarsProps) => import('react').JSX.Element;
 export default EffortBars;

package/dist/modules/AI/components/ChatInput/components/EffortSelector/components/EffortDropdown/EffortDropdown.d.ts

@@ -3,5 +3,5 @@ export type EffortDropdownProps = {
     value: AiEffort;
     onPick: (id: AiEffort) => void;
 };
-declare const EffortDropdown: ({ value, onPick }: EffortDropdownProps) => import("react").JSX.Element;
+declare const EffortDropdown: ({ value, onPick }: EffortDropdownProps) => import('react').JSX.Element;
 export default EffortDropdown;

package/dist/modules/AI/components/ChatInput/components/EffortSelector/components/EffortDropdown/EffortDropdownItem.d.ts

@@ -5,5 +5,5 @@ export type EffortDropdownItemProps = {
     isSelected: boolean;
     onPick: (id: AiEffort) => void;
 };
-declare const EffortDropdownItem: ({ opt, isSelected, onPick }: EffortDropdownItemProps) => import("react").JSX.Element;
+declare const EffortDropdownItem: ({ opt, isSelected, onPick }: EffortDropdownItemProps) => import('react').JSX.Element;
 export default EffortDropdownItem;

package/dist/modules/AI/components/ChatInput/components/EffortSelector/components/EffortTrigger/EffortTrigger.d.ts

@@ -5,5 +5,5 @@ export type EffortTriggerProps = {
     disabled: boolean;
     onToggle: () => void;
 };
-declare const EffortTrigger: ({ value, label, disabled, onToggle }: EffortTriggerProps) => import("react").JSX.Element;
+declare const EffortTrigger: ({ value, label, disabled, onToggle }: EffortTriggerProps) => import('react').JSX.Element;
 export default EffortTrigger;

package/dist/modules/AI/components/ChatInput/components/ModelSelector/ModelSelector.d.ts

@@ -6,5 +6,5 @@ export type ModelSelectorProps = {
     disabled?: boolean;
     onChange: (modelId: string) => void;
 };
-declare const ModelSelector: ({ models, currentModel, modelsLoading, disabled, onChange }: ModelSelectorProps) => import("react").JSX.Element;
+declare const ModelSelector: ({ models, currentModel, modelsLoading, disabled, onChange }: ModelSelectorProps) => import('react').JSX.Element;
 export default ModelSelector;

package/dist/modules/AI/components/ChatInput/components/ModelSelector/components/ModelOption/ModelOption.d.ts

@@ -4,5 +4,5 @@ export type ModelOptionProps = {
     isActive: boolean;
     onSelect: (id: string) => void;
 };
-declare const ModelOption: ({ model, isActive, onSelect }: ModelOptionProps) => import("react").JSX.Element;
+declare const ModelOption: ({ model, isActive, onSelect }: ModelOptionProps) => import('react').JSX.Element;
 export default ModelOption;

package/dist/modules/AI/components/ChatInput/components/QuestionInput/QuestionInput.d.ts

@@ -4,5 +4,5 @@ export type QuestionInputProps = {
     disabled?: boolean;
     onSubmit: (answer: string) => void;
 };
-declare const QuestionInput: ({ questions, disabled, onSubmit }: QuestionInputProps) => import("react").JSX.Element;
+declare const QuestionInput: ({ questions, disabled, onSubmit }: QuestionInputProps) => import('react').JSX.Element;
 export default QuestionInput;

package/dist/modules/AI/components/ChatInput/components/SkillsManager/SkillsManager.d.ts

@@ -4,5 +4,5 @@ export type SkillsManagerProps = {
     onToggle: (id: string) => void;
     onClose: () => void;
 };
-declare const SkillsManager: ({ skills, onToggle, onClose }: SkillsManagerProps) => import("react").JSX.Element;
+declare const SkillsManager: ({ skills, onToggle, onClose }: SkillsManagerProps) => import('react').JSX.Element;
 export default SkillsManager;

package/dist/modules/AI/components/ChatInput/components/SkillsManager/components/CategoryButton/CategoryButton.d.ts

@@ -6,5 +6,5 @@ export type CategoryButtonProps = {
     count: number;
     onSelect: (id: AiSkillCategory | 'all') => void;
 };
-declare const CategoryButton: ({ category, isActive, count, onSelect }: CategoryButtonProps) => import("react").JSX.Element;
+declare const CategoryButton: ({ category, isActive, count, onSelect }: CategoryButtonProps) => import('react').JSX.Element;
 export default CategoryButton;

package/dist/modules/AI/components/ChatInput/components/SkillsManager/components/SkillItem/SkillItem.d.ts

@@ -3,5 +3,5 @@ export type SkillItemProps = {
     skill: AiSkill;
     onToggle: (id: string) => void;
 };
-declare const SkillItem: ({ skill, onToggle }: SkillItemProps) => import("react").JSX.Element;
+declare const SkillItem: ({ skill, onToggle }: SkillItemProps) => import('react').JSX.Element;
 export default SkillItem;

package/dist/modules/AI/components/ChatInput/components/SkillsManager/components/SkillsButton/SkillsButton.d.ts

@@ -4,5 +4,5 @@ export type SkillsButtonProps = {
     disabled?: boolean;
     onClick: () => void;
 };
-declare const SkillsButton: ({ skills, disabled, onClick }: SkillsButtonProps) => import("react").JSX.Element;
+declare const SkillsButton: ({ skills, disabled, onClick }: SkillsButtonProps) => import('react').JSX.Element;
 export default SkillsButton;

package/dist/modules/AI/components/ChatInput/components/UsageBar/Ring.d.ts

@@ -8,5 +8,5 @@ export type RingProps = {
     segmentFill: boolean;
     pulseMode?: 'segment' | 'ring' | 'none';
 };
-declare const Ring: ({ segments, gapDeg, contextLimit, usedPercent, arcOpacity, arcClassName, segmentFill, pulseMode }: RingProps) => import("react").JSX.Element;
+declare const Ring: ({ segments, gapDeg, contextLimit, usedPercent, arcOpacity, arcClassName, segmentFill, pulseMode }: RingProps) => import('react').JSX.Element;
 export default Ring;

package/dist/modules/AI/components/ChatInput/components/UsageBar/UsageBar.d.ts

@@ -9,5 +9,5 @@ export type UsageBarProps = {
     gapDeg?: number;
     segmentFill?: boolean;
 };
-declare const UsageBar: ({ usage, modelContextLimit, onCompact, isStreaming, messageCount, segments, gapDeg, segmentFill }: UsageBarProps) => import("react").JSX.Element;
+declare const UsageBar: ({ usage, modelContextLimit, onCompact, isStreaming, messageCount, segments, gapDeg, segmentFill }: UsageBarProps) => import('react').JSX.Element;
 export default UsageBar;

package/dist/modules/AI/components/ChatMessage/ChatMessage.d.ts

@@ -3,5 +3,5 @@ export type ChatMessageProps = AiMessage & {
     previewConceptVersion?: number;
     wireframeVersion?: number;
 };
-declare const _default: import('react').MemoExoticComponent<({ id, role, content, irrelevant, queued, mode, usage, actions, attachments, steps, createdAt, previewConceptVersion, wireframeVersion }: ChatMessageProps) => import("react").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ id, role, content, irrelevant, queued, mode, usage, actions, attachments, steps, createdAt, previewConceptVersion, wireframeVersion }: ChatMessageProps) => import('react').JSX.Element>;
 export default _default;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/AIBrandPreview.d.ts

@@ -3,5 +3,5 @@ import { AiMode } from '../../../../types';
 export type AIBrandPreviewProps = BrandData & {
     mode?: AiMode;
 };
-declare const AIBrandPreview: ({ name, tagline, personality, colors, colorsDark, typography, voice, mode }: AIBrandPreviewProps) => import("react").JSX.Element;
+declare const AIBrandPreview: ({ name, tagline, personality, colors, colorsDark, typography, voice, mode }: AIBrandPreviewProps) => import('react').JSX.Element;
 export default AIBrandPreview;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandColors/BrandColorItem.d.ts

@@ -4,5 +4,5 @@ export type BrandColorItemProps = {
     isCopied: boolean;
     onCopy: (hex: string) => void;
 };
-declare const BrandColorItem: ({ role, hex, isCopied, onCopy }: BrandColorItemProps) => import("react").JSX.Element;
+declare const BrandColorItem: ({ role, hex, isCopied, onCopy }: BrandColorItemProps) => import('react').JSX.Element;
 export default BrandColorItem;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandColors/BrandColors.d.ts

@@ -3,5 +3,5 @@ export type BrandColorsProps = {
     copied: string | null;
     onCopy: (hex: string) => void;
 };
-declare const BrandColors: ({ colorEntries, copied, onCopy }: BrandColorsProps) => import("react").JSX.Element;
+declare const BrandColors: ({ colorEntries, copied, onCopy }: BrandColorsProps) => import('react').JSX.Element;
 export default BrandColors;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandConfirmPanel/BrandConfirmPanel.d.ts

@@ -10,5 +10,5 @@ export type BrandConfirmPanelProps = {
     onCancel: () => void;
     onConfirm: () => void;
 };
-declare const BrandConfirmPanel: ({ confirming, cssVars, onStartConfirm, onCancel, onConfirm }: BrandConfirmPanelProps) => import("react").JSX.Element;
+declare const BrandConfirmPanel: ({ confirming, cssVars, onStartConfirm, onCancel, onConfirm }: BrandConfirmPanelProps) => import('react').JSX.Element;
 export default BrandConfirmPanel;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandHeader/BrandHeader.d.ts

@@ -7,5 +7,5 @@ export type BrandHeaderProps = {
     onLightMode: () => void;
     onDarkMode: () => void;
 };
-declare const BrandHeader: ({ name, mode, hasDark, isDark, onLightMode, onDarkMode }: BrandHeaderProps) => import("react").JSX.Element;
+declare const BrandHeader: ({ name, mode, hasDark, isDark, onLightMode, onDarkMode }: BrandHeaderProps) => import('react').JSX.Element;
 export default BrandHeader;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandHero/BrandHero.d.ts

@@ -5,5 +5,5 @@ export type BrandHeroProps = {
     primaryColor: string;
     typography?: BrandData['typography'];
 };
-declare const BrandHero: ({ name, tagline, primaryColor, typography }: BrandHeroProps) => import("react").JSX.Element;
+declare const BrandHero: ({ name, tagline, primaryColor, typography }: BrandHeroProps) => import('react').JSX.Element;
 export default BrandHero;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandPersonality/BrandPersonality.d.ts

@@ -2,5 +2,5 @@ export type BrandPersonalityProps = {
     personality: string[];
     primaryColor: string;
 };
-declare const BrandPersonality: ({ personality, primaryColor }: BrandPersonalityProps) => import("react").JSX.Element;
+declare const BrandPersonality: ({ personality, primaryColor }: BrandPersonalityProps) => import('react').JSX.Element;
 export default BrandPersonality;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandTypography/BrandTypography.d.ts

@@ -4,5 +4,5 @@ export type BrandTypographyProps = {
     bg: string;
     fg: string;
 };
-declare const BrandTypography: ({ typography, bg, fg }: BrandTypographyProps) => import("react").JSX.Element;
+declare const BrandTypography: ({ typography, bg, fg }: BrandTypographyProps) => import('react').JSX.Element;
 export default BrandTypography;

package/dist/modules/AI/components/ChatMessage/components/AIBrandPreview/components/BrandVoice/BrandVoice.d.ts

@@ -2,5 +2,5 @@ import { BrandData } from '../../../../helpers/toolVisualTypes';
 export type BrandVoiceProps = {
     voice: NonNullable<BrandData['voice']>;
 };
-declare const BrandVoice: ({ voice }: BrandVoiceProps) => import("react").JSX.Element;
+declare const BrandVoice: ({ voice }: BrandVoiceProps) => import('react').JSX.Element;
 export default BrandVoice;

package/dist/modules/AI/components/ChatMessage/components/AIColorPalettePreview/AIColorPalettePreview.d.ts

@@ -3,5 +3,5 @@ import { AiMode } from '../../../../types';
 export type AIColorPalettePreviewProps = ColorPaletteData & {
     mode?: AiMode;
 };
-declare const AIColorPalettePreview: ({ name, description, colors, mode }: AIColorPalettePreviewProps) => import("react").JSX.Element;
+declare const AIColorPalettePreview: ({ name, description, colors, mode }: AIColorPalettePreviewProps) => import('react').JSX.Element;
 export default AIColorPalettePreview;

package/dist/modules/AI/components/ChatMessage/components/AIColorPalettePreview/components/ColorPaletteRow/ColorPaletteRow.d.ts

@@ -5,5 +5,5 @@ export type ColorPaletteRowProps = {
     isCopied: boolean;
     onCopy: (hex: string) => void;
 };
-declare const ColorPaletteRow: ({ item, hex, isCopied, onCopy }: ColorPaletteRowProps) => import("react").JSX.Element;
+declare const ColorPaletteRow: ({ item, hex, isCopied, onCopy }: ColorPaletteRowProps) => import('react').JSX.Element;
 export default ColorPaletteRow;

package/dist/modules/AI/components/ChatMessage/components/AIColorPalettePreview/components/ColorStripItem/ColorStripItem.d.ts

@@ -3,5 +3,5 @@ export type ColorStripItemProps = {
     hex: string;
     onCopy: (hex: string) => void;
 };
-declare const ColorStripItem: ({ name, hex, onCopy }: ColorStripItemProps) => import("react").JSX.Element;
+declare const ColorStripItem: ({ name, hex, onCopy }: ColorStripItemProps) => import('react').JSX.Element;
 export default ColorStripItem;

package/dist/modules/AI/components/ChatMessage/components/AIStyleGuidePreview/AIStyleGuidePreview.d.ts

@@ -3,5 +3,5 @@ import { AiMode } from '../../../../types';
 export type AIStyleGuidePreviewProps = StyleGuideData & {
     mode?: AiMode;
 };
-declare const AIStyleGuidePreview: ({ name, description, colors, colorsDark, typography, spacing, borderRadius, shadows, mode }: AIStyleGuidePreviewProps) => import("react").JSX.Element;
+declare const AIStyleGuidePreview: ({ name, description, colors, colorsDark, typography, spacing, borderRadius, shadows, mode }: AIStyleGuidePreviewProps) => import('react').JSX.Element;
 export default AIStyleGuidePreview;

package/dist/modules/AI/components/ChatMessage/components/AIStyleGuidePreview/components/ColorScaleRow/ColorScaleRow.d.ts

@@ -5,5 +5,5 @@ export type ColorScaleRowProps = {
     copied: string | null;
     onCopy: (hex: string) => void;
 };
-declare const ColorScaleRow: ({ label, scale, copied, onCopy }: ColorScaleRowProps) => import("react").JSX.Element;
+declare const ColorScaleRow: ({ label, scale, copied, onCopy }: ColorScaleRowProps) => import('react').JSX.Element;
 export default ColorScaleRow;

package/dist/modules/AI/components/ChatMessage/components/AIStyleGuidePreview/components/ColorScaleRow/ColorShadeButton.d.ts

@@ -5,5 +5,5 @@ export type ColorShadeButtonProps = {
     isCopied: boolean;
     onCopy: (hex: string) => void;
 };
-declare const ColorShadeButton: ({ shade, hex, label, isCopied, onCopy }: ColorShadeButtonProps) => import("react").JSX.Element;
+declare const ColorShadeButton: ({ shade, hex, label, isCopied, onCopy }: ColorShadeButtonProps) => import('react').JSX.Element;
 export default ColorShadeButton;

package/dist/modules/AI/components/ChatMessage/components/AITemplatePreview/AITemplatePreview.d.ts

@@ -8,5 +8,5 @@ export type AITemplatePreviewProps = {
     mode?: AiMode;
     version?: number;
 };
-declare const AITemplatePreview: ({ baseElementId, schema, style, html, mode, version }: AITemplatePreviewProps) => import("react").JSX.Element;
+declare const AITemplatePreview: ({ baseElementId, schema, style, html, mode, version }: AITemplatePreviewProps) => import('react').JSX.Element;
 export default AITemplatePreview;

package/dist/modules/AI/components/ChatMessage/components/AITemplatePreview/components/AITemplateHeader/AITemplateHeader.d.ts

@@ -11,5 +11,5 @@ export type AITemplateHeaderProps = {
     mode?: AiMode;
     version?: number;
 };
-declare const AITemplateHeader: ({ baseElementId, displayMode, onDisplayMode, onClick, showHtml, onToggleHtml, hasHtml, mode, version }: AITemplateHeaderProps) => import("react").JSX.Element;
+declare const AITemplateHeader: ({ baseElementId, displayMode, onDisplayMode, onClick, showHtml, onToggleHtml, hasHtml, mode, version }: AITemplateHeaderProps) => import('react').JSX.Element;
 export default AITemplateHeader;

package/dist/modules/AI/components/ChatMessage/components/AITemplatePreview/components/AITemplateHeader/DisplayModeButton.d.ts

@@ -5,5 +5,5 @@ export type DisplayModeButtonProps = {
     active: boolean;
     onDisplayMode: (mode: DisplayMode) => void;
 };
-declare const DisplayModeButton: ({ mode, icon, active, onDisplayMode }: DisplayModeButtonProps) => import("react").JSX.Element;
+declare const DisplayModeButton: ({ mode, icon, active, onDisplayMode }: DisplayModeButtonProps) => import('react').JSX.Element;
 export default DisplayModeButton;

package/dist/modules/AI/components/ChatMessage/components/AITemplatePreview/components/ConfirmPanel/ConfirmPanel.d.ts

@@ -8,5 +8,5 @@ export type ConfirmPanelProps = {
     onTargetElement: () => void;
     onConfirm: () => void;
 };
-declare const ConfirmPanel: ({ confirming, target, elementSelected, onStartConfirm, onCancel, onTargetPage, onTargetElement, onConfirm }: ConfirmPanelProps) => import("react").JSX.Element;
+declare const ConfirmPanel: ({ confirming, target, elementSelected, onStartConfirm, onCancel, onTargetPage, onTargetElement, onConfirm }: ConfirmPanelProps) => import('react').JSX.Element;
 export default ConfirmPanel;