@plitzi/sdk-dev-tools 0.37.1 → 0.37.2

package/CHANGELOG.md

@@ -1,5 +1,153 @@
 # @plitzi/sdk-dev-tools
 
+## 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/sdk-navigation@0.37.2
+  - @plitzi/sdk-schema@0.37.2
+  - @plitzi/sdk-shared@0.37.2
+  - @plitzi/sdk-style@0.37.2
+
 ## 0.37.1
 
 ### Patch Changes

package/dist/DevToolsContainer.d.ts

@@ -10,5 +10,5 @@ export type DevToolsContainerProps = {
     devToolsStyleLink?: string;
     renderMode?: 'default' | 'shadow';
 };
-declare const DevToolsContainer: ({ children, className, innerClassName, enabled, instanceId, renderMode, devToolsStyle, devToolsStyleLink }: DevToolsContainerProps) => string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+declare const DevToolsContainer: ({ children, className, innerClassName, enabled, instanceId, renderMode, devToolsStyle, devToolsStyleLink }: DevToolsContainerProps) => string | number | bigint | boolean | import('react').JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 export default DevToolsContainer;

package/dist/DevToolsContextProvider.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type DevToolsContextProviderProps = {
     children?: ReactNode;
 };
-declare const DevToolsContextProvider: ({ children }: DevToolsContextProviderProps) => import("react").JSX.Element;
+declare const DevToolsContextProvider: ({ children }: DevToolsContextProviderProps) => import('react').JSX.Element;
 export default DevToolsContextProvider;

package/dist/DevToolsRoot.d.ts

@@ -14,5 +14,5 @@ export type DevToolsRootProps = {
  * the page's providers is carried over: the root store, plitzi-ui's theme, the theme scope, and the two plugin
  * registries.
  */
-declare const DevToolsRoot: ({ children }: DevToolsRootProps) => import("react").JSX.Element;
+declare const DevToolsRoot: ({ children }: DevToolsRootProps) => import('react').JSX.Element;
 export default DevToolsRoot;

package/dist/components/DevToolsIndicator/DevToolsIndicator.d.ts

@@ -3,5 +3,5 @@ export type DevToolsIndicatorProps = {
     className?: string;
     onOpen: (logType?: LogType) => void;
 };
-declare const DevToolsIndicator: ({ className, onOpen }: DevToolsIndicatorProps) => import("react").JSX.Element;
+declare const DevToolsIndicator: ({ className, onOpen }: DevToolsIndicatorProps) => import('react').JSX.Element;
 export default DevToolsIndicator;

package/dist/components/DevToolsOverlay/DevToolsOverlay.d.ts

@@ -11,5 +11,5 @@ export type DevToolsOverlayProps = {
     onTabSelect: (tabSelected: string) => void;
     onChangeOrientation: (orientation: Orientation) => void;
 };
-declare const DevToolsOverlay: ({ className, collapsed, orientation, tabSelected, logTypeFilter, onOpen, onCollapse, onTabSelect, onChangeOrientation }: DevToolsOverlayProps) => import("react").JSX.Element;
+declare const DevToolsOverlay: ({ className, collapsed, orientation, tabSelected, logTypeFilter, onOpen, onCollapse, onTabSelect, onChangeOrientation }: DevToolsOverlayProps) => import('react').JSX.Element;
 export default DevToolsOverlay;

package/dist/components/DevToolsPanel/DevToolsBody.d.ts

@@ -7,5 +7,5 @@ export type DevToolsBodyProps = {
     elementSelected?: string;
     onSelectElement: (id?: string) => void;
 };
-declare const DevToolsBody: ({ className, tabSelected, orientation, logTypeFilter, elementSelected, onSelectElement }: DevToolsBodyProps) => import("react").JSX.Element;
+declare const DevToolsBody: ({ className, tabSelected, orientation, logTypeFilter, elementSelected, onSelectElement }: DevToolsBodyProps) => import('react').JSX.Element;
 export default DevToolsBody;

package/dist/components/DevToolsPanel/DevToolsButton.d.ts

@@ -6,5 +6,5 @@ export type DevToolsButtonProps = {
     title?: string;
     onClick?: (e: MouseEvent) => void;
 };
-declare const DevToolsButton: ({ className, iconClassName, title, isSelected, onClick }: DevToolsButtonProps) => import("react").JSX.Element;
+declare const DevToolsButton: ({ className, iconClassName, title, isSelected, onClick }: DevToolsButtonProps) => import('react').JSX.Element;
 export default DevToolsButton;

package/dist/components/DevToolsPanel/DevToolsHeader.d.ts

@@ -7,5 +7,5 @@ export type DevToolsHeaderProps = {
     onCollapse?: () => void;
     onTabSelect?: (tabIndex: string) => void;
 };
-declare const DevToolsHeader: ({ tabSelected, orientation, onChangeOrientation, onCollapse, onTabSelect }: DevToolsHeaderProps) => import("react").JSX.Element;
+declare const DevToolsHeader: ({ tabSelected, orientation, onChangeOrientation, onCollapse, onTabSelect }: DevToolsHeaderProps) => import('react').JSX.Element;
 export default DevToolsHeader;

package/dist/components/DevToolsPanel/DevToolsPanel.d.ts

@@ -12,5 +12,5 @@ export type DevToolsPanelProps = {
     onTabSelect: (tabSelected: string) => void;
     onChangeOrientation?: (orientation: Orientation) => void;
 };
-declare const DevToolsPanel: ({ className, orientation, tabSelected, logTypeFilter, onCollapse, onTabSelect, onChangeOrientation }: DevToolsPanelProps) => import("react").JSX.Element;
+declare const DevToolsPanel: ({ className, orientation, tabSelected, logTypeFilter, onCollapse, onTabSelect, onChangeOrientation }: DevToolsPanelProps) => import('react').JSX.Element;
 export default DevToolsPanel;

package/dist/components/DevToolsPanel/DevToolsSubHeader.d.ts

@@ -6,5 +6,5 @@ export type DevToolsSubHeaderProps = {
     elementSelected?: string;
     onSelectElement: (id?: string) => void;
 };
-declare const DevToolsSubHeader: ({ className, elementSelected, currentPageId, onSelectElement }: DevToolsSubHeaderProps) => import("react").JSX.Element;
+declare const DevToolsSubHeader: ({ className, elementSelected, currentPageId, onSelectElement }: DevToolsSubHeaderProps) => import('react').JSX.Element;
 export default DevToolsSubHeader;

package/dist/components/DevToolsPanel/ThemeControl.d.ts

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

package/dist/components/DevToolsPanel/tabs/ActionsViewer/ActionsViewer.d.ts

@@ -6,5 +6,5 @@
  * outcome is what the server was willing to send — the steps to a page allowed to debug them, and what those steps
  * read and answered only to an authoring session or a dev server.
  */
-declare const ActionsViewer: () => import("react").JSX.Element;
+declare const ActionsViewer: () => import('react').JSX.Element;
 export default ActionsViewer;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/ActionsToolbar/ActionsToolbar.d.ts

@@ -8,5 +8,5 @@ export type ActionsToolbarProps = {
     onQueryChange: (query: string) => void;
     onClear: () => void;
 };
-declare const ActionsToolbar: ({ filter, query, liveCount, runCount, onFilterChange, onQueryChange, onClear }: ActionsToolbarProps) => import("react").JSX.Element;
+declare const ActionsToolbar: ({ filter, query, liveCount, runCount, onFilterChange, onQueryChange, onClear }: ActionsToolbarProps) => import('react').JSX.Element;
 export default ActionsToolbar;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/DetailShell/DetailShell.d.ts

@@ -3,5 +3,5 @@ export type DetailShellProps = {
     children: ReactNode;
 };
 /** The resizable column the selected run is inspected in; its width is remembered across sessions. */
-declare const DetailShell: ({ children }: DetailShellProps) => import("react").JSX.Element;
+declare const DetailShell: ({ children }: DetailShellProps) => import('react').JSX.Element;
 export default DetailShell;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/FlowTimeline/FlowTimeline.d.ts

@@ -11,5 +11,5 @@ export type FlowTimelineProps = {
  * already did. Drawn in the same list they read as a flow that carried on after the failure, which is the opposite
  * of what happened.
  */
-declare const FlowTimeline: ({ steps, selectedStepId, onSelectStep }: FlowTimelineProps) => import("react").JSX.Element;
+declare const FlowTimeline: ({ steps, selectedStepId, onSelectStep }: FlowTimelineProps) => import('react').JSX.Element;
 export default FlowTimeline;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunDetail/RunDetail.d.ts

@@ -5,5 +5,5 @@ export type RunDetailProps = {
     onSelectStep: (stepId: string) => void;
 };
 /** Everything known about one run: how it ended, what it did step by step, and what it carried. */
-declare const RunDetail: ({ run, selectedStepId, onSelectStep }: RunDetailProps) => import("react").JSX.Element;
+declare const RunDetail: ({ run, selectedStepId, onSelectStep }: RunDetailProps) => import('react').JSX.Element;
 export default RunDetail;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunList/RunList.d.ts

@@ -7,5 +7,5 @@ export type RunListProps = {
     onSelect: (runId: string) => void;
     onCancel: (runId: string) => void;
 };
-declare const RunList: ({ runs, total, selectedRunId, onSelect, onCancel }: RunListProps) => import("react").JSX.Element;
+declare const RunList: ({ runs, total, selectedRunId, onSelect, onCancel }: RunListProps) => import('react').JSX.Element;
 export default RunList;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/RunRow/RunRow.d.ts

@@ -6,5 +6,5 @@ export type RunRowProps = {
     onCancel: (runId: string) => void;
 };
 /** One run in the log: enough to recognise it, and enough to tell a healthy one from the one to open. */
-declare const RunRow: ({ run, selected, onSelect, onCancel }: RunRowProps) => import("react").JSX.Element;
+declare const RunRow: ({ run, selected, onSelect, onCancel }: RunRowProps) => import('react').JSX.Element;
 export default RunRow;

package/dist/components/DevToolsPanel/tabs/ActionsViewer/components/StepRow/StepRow.d.ts

@@ -5,5 +5,5 @@ export type StepRowProps = {
     onSelect: (stepId: string) => void;
 };
 /** One step of a flow: what it was, how it ended, and how much of the run it took. */
-declare const StepRow: ({ bar, selected, onSelect }: StepRowProps) => import("react").JSX.Element;
+declare const StepRow: ({ bar, selected, onSelect }: StepRowProps) => import('react').JSX.Element;
 export default StepRow;

package/dist/components/DevToolsPanel/tabs/CacheViewer/CacheViewer.d.ts

@@ -8,5 +8,5 @@
  * Everything a row says is on screen: no tooltips, a bar for what is left of the life it was given, and the value it
  * holds one click away, so checking a cache never means going somewhere else to look at it.
  */
-declare const CacheViewer: () => import("react").JSX.Element;
+declare const CacheViewer: () => import('react').JSX.Element;
 export default CacheViewer;

package/dist/components/DevToolsPanel/tabs/CacheViewer/components/CacheRow/CacheRow.d.ts

@@ -12,5 +12,5 @@ export type CacheRowProps = {
  * One cached path, said in full and on screen: which store it is in, what it stands for, how long it has left and how
  * much of its life that is. Nothing here is a tooltip — the whole point of the tab is that a glance answers it.
  */
-declare const CacheRow: ({ row, isOpen, value, onToggle, onExpire, onForget }: CacheRowProps) => import("react").JSX.Element;
+declare const CacheRow: ({ row, isOpen, value, onToggle, onExpire, onForget }: CacheRowProps) => import('react').JSX.Element;
 export default CacheRow;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsAttributes.d.ts

@@ -2,5 +2,5 @@ import { Element } from '@plitzi/sdk-shared';
 export type DetailsAttributesProps = {
     attributes?: Element['attributes'];
 };
-declare const DetailsAttributes: ({ attributes }: DetailsAttributesProps) => import("react").JSX.Element;
+declare const DetailsAttributes: ({ attributes }: DetailsAttributesProps) => import('react').JSX.Element;
 export default DetailsAttributes;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsDefinition.d.ts

@@ -3,5 +3,5 @@ export type DetailsDefinitionProps = {
     definition?: Element['definition'];
     onSelectElement: (id: string) => void;
 };
-declare const DetailsDefinition: ({ definition, onSelectElement }: DetailsDefinitionProps) => import("react").JSX.Element;
+declare const DetailsDefinition: ({ definition, onSelectElement }: DetailsDefinitionProps) => import('react').JSX.Element;
 export default DetailsDefinition;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/DetailsValue.d.ts

@@ -6,5 +6,5 @@ export type DetailsValue = {
     isStyle?: boolean;
     onSelectElement?: (id: string) => void;
 };
-declare const DetailsValue: ({ attribute, value, isDefinition, onSelectElement }: DetailsValue) => import("react").JSX.Element;
+declare const DetailsValue: ({ attribute, value, isDefinition, onSelectElement }: DetailsValue) => import('react').JSX.Element;
 export default DetailsValue;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementDetails.d.ts

@@ -4,5 +4,5 @@ export type ElementDetailsProps = {
     attributes?: Element['attributes'];
     onSelectElement: (id: string) => void;
 };
-declare const ElementDetails: ({ definition, attributes, onSelectElement }: ElementDetailsProps) => import("react").JSX.Element;
+declare const ElementDetails: ({ definition, attributes, onSelectElement }: ElementDetailsProps) => import('react').JSX.Element;
 export default ElementDetails;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsList.d.ts

@@ -4,5 +4,5 @@ export type ElementsListProps = {
     elementSelected?: string;
     onSelect?: (id?: string) => void;
 };
-declare const ElementsList: ({ elements, elementSelected, onSelect }: ElementsListProps) => import("react").JSX.Element;
+declare const ElementsList: ({ elements, elementSelected, onSelect }: ElementsListProps) => import('react').JSX.Element;
 export default ElementsList;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsListItem.d.ts

@@ -5,5 +5,5 @@ export type ElementsListItemProps = {
     isVisible?: boolean;
     onSelect?: (id?: string) => void;
 };
-declare const ElementsListItem: ({ name, id, isSelected, isVisible, onSelect }: ElementsListItemProps) => import("react").JSX.Element;
+declare const ElementsListItem: ({ name, id, isSelected, isVisible, onSelect }: ElementsListItemProps) => import('react').JSX.Element;
 export default ElementsListItem;

package/dist/components/DevToolsPanel/tabs/ElementsViewer/ElementsViewer.d.ts

@@ -3,5 +3,5 @@ export type ElementsViewerProps = {
     elementSelected?: string;
     onSelectElement: (id?: string) => void;
 };
-declare const ElementsViewer: ({ className, elementSelected, onSelectElement }: ElementsViewerProps) => import("react").JSX.Element;
+declare const ElementsViewer: ({ className, elementSelected, onSelectElement }: ElementsViewerProps) => import('react').JSX.Element;
 export default ElementsViewer;

package/dist/components/DevToolsPanel/tabs/HistoryViewer/HistoryViewer.d.ts

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

package/dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryEntryItem/HistoryEntryItem.d.ts

@@ -8,5 +8,5 @@ export type HistoryEntryItemProps = {
     isFuture: boolean;
     onSelect: (index: number) => void;
 };
-declare const HistoryEntryItem: ({ index, path, value, timestamp, isSelected, isFuture, onSelect }: HistoryEntryItemProps) => import("react").JSX.Element;
+declare const HistoryEntryItem: ({ index, path, value, timestamp, isSelected, isFuture, onSelect }: HistoryEntryItemProps) => import('react').JSX.Element;
 export default HistoryEntryItem;

package/dist/components/DevToolsPanel/tabs/HistoryViewer/components/HistoryToolbar/HistoryToolbar.d.ts

@@ -9,5 +9,5 @@ export type HistoryToolbarProps = {
     onClear: () => void;
     onFilterChange: (value: string) => void;
 };
-declare const HistoryToolbar: ({ index, total, canUndo, canRedo, filter, onUndo, onRedo, onClear, onFilterChange }: HistoryToolbarProps) => import("react").JSX.Element;
+declare const HistoryToolbar: ({ index, total, canUndo, canRedo, filter, onUndo, onRedo, onClear, onFilterChange }: HistoryToolbarProps) => import('react').JSX.Element;
 export default HistoryToolbar;

package/dist/components/DevToolsPanel/tabs/Logs/Log.d.ts

@@ -7,5 +7,5 @@ export type LogProps = {
     message?: ReactNode;
     params: LogParams;
 };
-declare const _default: import('react').MemoExoticComponent<({ category, message, time, params }: LogProps) => import("react").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ category, message, time, params }: LogProps) => import('react').JSX.Element>;
 export default _default;

package/dist/components/DevToolsPanel/tabs/Logs/LogStatus.d.ts

@@ -6,5 +6,5 @@ export type LogStatusProps = {
     className?: string;
     logType: LogType | 'custom';
 };
-declare const LogStatus: ({ className, logType, iconClassName, children }: LogStatusProps) => import("react").JSX.Element;
+declare const LogStatus: ({ className, logType, iconClassName, children }: LogStatusProps) => import('react').JSX.Element;
 export default LogStatus;

package/dist/components/DevToolsPanel/tabs/Logs/LogStatusIcon.d.ts

@@ -7,5 +7,5 @@ export type LogStatusIconProps = {
     logType: LogType | 'custom';
     title?: string;
 };
-declare const LogStatusIcon: ({ className, logType, iconClassName, title, children }: LogStatusIconProps) => import("react").JSX.Element;
+declare const LogStatusIcon: ({ className, logType, iconClassName, title, children }: LogStatusIconProps) => import('react').JSX.Element;
 export default LogStatusIcon;

package/dist/components/DevToolsPanel/tabs/Logs/Logs.d.ts

@@ -8,5 +8,5 @@ export type LogsProps = {
     logTypeFilter?: LogType;
     onClear?: () => void;
 };
-declare const Logs: ({ items, autoScrollOffset, orientation, logTypeFilter, onClear }: LogsProps) => import("react").JSX.Element;
+declare const Logs: ({ items, autoScrollOffset, orientation, logTypeFilter, onClear }: LogsProps) => import('react').JSX.Element;
 export default Logs;

package/dist/components/DevToolsPanel/tabs/Logs/LogsSummary/LogsSummary.d.ts

@@ -7,5 +7,5 @@ export type LogsSummaryProps = {
     orientation: Orientation;
     onClick?: (logType?: LogType) => void;
 };
-declare const LogsSummary: ({ className, orientation, items, logTypeSelected, onClick }: LogsSummaryProps) => import("react").JSX.Element;
+declare const LogsSummary: ({ className, orientation, items, logTypeSelected, onClick }: LogsSummaryProps) => import('react').JSX.Element;
 export default LogsSummary;

package/dist/components/DevToolsPanel/tabs/Logs/LogsSummary/LogsSummaryItem.d.ts

@@ -7,5 +7,5 @@ export type LogsSummaryItemProps = {
     suffix?: string;
     onClick?: (logType?: LogType) => void;
 };
-declare const LogsSummaryItem: ({ className, amount, suffix, selected, logType, onClick }: LogsSummaryItemProps) => import("react").JSX.Element;
+declare const LogsSummaryItem: ({ className, amount, suffix, selected, logType, onClick }: LogsSummaryItemProps) => import('react').JSX.Element;
 export default LogsSummaryItem;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogAction/LogAction.d.ts

@@ -7,5 +7,5 @@ export type LogActionProps = {
     params: TLogAction['params'];
 };
 /** Adds mode, server run id and refusal reason to the message line. */
-declare const LogAction: ({ className, time, message, params }: LogActionProps) => import("react").JSX.Element;
+declare const LogAction: ({ className, time, message, params }: LogActionProps) => import('react').JSX.Element;
 export default LogAction;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyContent.d.ts

@@ -4,5 +4,5 @@ export type BodyContentProps = {
     node: InteractionFlowParams['node'];
     nodes: InteractionFlowParams['nodes'];
 };
-declare const BodyContent: ({ className, node, nodes }: BodyContentProps) => import("react").JSX.Element;
+declare const BodyContent: ({ className, node, nodes }: BodyContentProps) => import('react').JSX.Element;
 export default BodyContent;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/BodyHeader.d.ts

@@ -8,5 +8,5 @@ export type BodyHeaderProps = {
     elementId?: string;
     hostElementId?: string;
 };
-declare const BodyHeader: ({ triggerName, startTime, endTime, duration, elementId, hostElementId }: BodyHeaderProps) => import("react").JSX.Element;
+declare const BodyHeader: ({ triggerName, startTime, endTime, duration, elementId, hostElementId }: BodyHeaderProps) => import('react').JSX.Element;
 export default BodyHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/ExecutionTree/ExecutionTree.d.ts

@@ -7,5 +7,5 @@ export type ExecutionTreeProps = {
     nodes: Nodes;
     onSelect?: (id?: string) => void;
 };
-declare const ExecutionTree: ({ className, nodeId, nodes, selected, onSelect }: ExecutionTreeProps) => import("react").JSX.Element;
+declare const ExecutionTree: ({ className, nodeId, nodes, selected, onSelect }: ExecutionTreeProps) => import('react').JSX.Element;
 export default ExecutionTree;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/ExecutionTree/ExecutionTreeNode.d.ts

@@ -9,5 +9,5 @@ export type ExecutionTreeNodeProps = {
     status?: InteractionNodeStatus;
     onClick: (id: string) => void;
 };
-declare const ExecutionTreeNode: ({ title, action, duration, status, level, id, isSelected, onClick }: ExecutionTreeNodeProps) => import("react").JSX.Element;
+declare const ExecutionTreeNode: ({ title, action, duration, status, level, id, isSelected, onClick }: ExecutionTreeNodeProps) => import('react').JSX.Element;
 export default ExecutionTreeNode;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/InteractionNode.d.ts

@@ -10,5 +10,5 @@ export type InteractionNodeProps = {
     type?: string;
     action?: string;
 };
-declare const InteractionNode: ({ whenParams, name, startTime, endTime, status, when, type, action }: InteractionNodeProps) => import("react").JSX.Element;
+declare const InteractionNode: ({ whenParams, name, startTime, endTime, status, when, type, action }: InteractionNodeProps) => import('react').JSX.Element;
 export default InteractionNode;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeHeader.d.ts

@@ -5,5 +5,5 @@ export type NodeHeaderProps = {
     type?: string;
     action?: string;
 };
-declare const NodeHeader: ({ duration, status, type, action }: NodeHeaderProps) => import("react").JSX.Element;
+declare const NodeHeader: ({ duration, status, type, action }: NodeHeaderProps) => import('react').JSX.Element;
 export default NodeHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeMetadata.d.ts

@@ -4,5 +4,5 @@ export type NodeMetadataProps = {
     when?: RuleGroup;
     whenParams?: Record<string, RuleValue>;
 };
-declare const NodeMetadata: ({ when, whenParams }: NodeMetadataProps) => import("react").JSX.Element | null;
+declare const NodeMetadata: ({ when, whenParams }: NodeMetadataProps) => import('react').JSX.Element | null;
 export default NodeMetadata;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/InteractionNode/NodeWhen.d.ts

@@ -2,5 +2,5 @@ import { RuleGroup } from '@plitzi/plitzi-ui/QueryBuilder';
 export type NodeWhenProps = {
     when?: RuleGroup;
 };
-declare const NodeWhen: ({ when }: NodeWhenProps) => import("react").JSX.Element | null;
+declare const NodeWhen: ({ when }: NodeWhenProps) => import('react').JSX.Element | null;
 export default NodeWhen;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteraction.d.ts

@@ -11,5 +11,5 @@ export type LogInteractionProps = {
     params: TLogInteraction['params'];
     time?: string;
 };
-declare const LogInteraction: ({ time, message, params }: LogInteractionProps) => import("react").JSX.Element;
+declare const LogInteraction: ({ time, message, params }: LogInteractionProps) => import('react').JSX.Element;
 export default LogInteraction;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionBody.d.ts

@@ -9,5 +9,5 @@ export type LogInteractionBodyProps = {
     elementId?: string;
     hostElementId?: string;
 };
-declare const LogInteractionBody: ({ node, nodes, startTime, endTime, duration, elementId, hostElementId }: LogInteractionBodyProps) => import("react").JSX.Element;
+declare const LogInteractionBody: ({ node, nodes, startTime, endTime, duration, elementId, hostElementId }: LogInteractionBodyProps) => import('react').JSX.Element;
 export default LogInteractionBody;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionHeader.d.ts

@@ -6,5 +6,5 @@ export type LogInteractionHeaderProps = {
     message?: ReactNode;
     time?: string;
 };
-declare const LogInteractionHeader: ({ status, message, time }: LogInteractionHeaderProps) => import("react").JSX.Element;
+declare const LogInteractionHeader: ({ status, message, time }: LogInteractionHeaderProps) => import('react').JSX.Element;
 export default LogInteractionHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogInteraction/LogInteractionNote.d.ts

@@ -13,5 +13,5 @@ export type LogInteractionNoteProps = {
  * step itself and, usually, the one fact that explains it: what was thrown, or what names WERE registered where
  * this one looked.
  */
-declare const LogInteractionNote: ({ time, message, params }: LogInteractionNoteProps) => import("react").JSX.Element;
+declare const LogInteractionNote: ({ time, message, params }: LogInteractionNoteProps) => import('react').JSX.Element;
 export default LogInteractionNote;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigation.d.ts

@@ -6,5 +6,5 @@ export type LogNavigationProps = {
     params?: TLogNavigation['params'];
     time?: string | Date;
 };
-declare const LogNavigation: ({ time, message, params }: LogNavigationProps) => import("react").JSX.Element;
+declare const LogNavigation: ({ time, message, params }: LogNavigationProps) => import('react').JSX.Element;
 export default LogNavigation;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationBody.d.ts

@@ -5,5 +5,5 @@ export type LogNavigationBodyProps = {
     duration?: string;
     elementId?: string;
 };
-declare const LogNavigationBody: ({ elementId, startTime, endTime, duration }: LogNavigationBodyProps) => import("react").JSX.Element;
+declare const LogNavigationBody: ({ elementId, startTime, endTime, duration }: LogNavigationBodyProps) => import('react').JSX.Element;
 export default LogNavigationBody;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNavigation/LogNavigationHeader.d.ts

@@ -6,5 +6,5 @@ export type LogNavigationHeaderProps = {
     message?: ReactNode;
     time?: string | Date;
 };
-declare const LogNavigationHeader: ({ status, message, time }: LogNavigationHeaderProps) => import("react").JSX.Element;
+declare const LogNavigationHeader: ({ status, message, time }: LogNavigationHeaderProps) => import('react').JSX.Element;
 export default LogNavigationHeader;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogNetwork/LogNetwork.d.ts

@@ -6,5 +6,5 @@ export type LogNetworkProps = {
     params: TLogNetwork['params'];
     time?: string;
 };
-declare const LogNetwork: ({ time, message, params: { event, issues, payload } }: LogNetworkProps) => import("react").JSX.Element;
+declare const LogNetwork: ({ time, message, params: { event, issues, payload } }: LogNetworkProps) => import('react').JSX.Element;
 export default LogNetwork;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStore.d.ts

@@ -5,5 +5,5 @@ export type LogStoreProps = {
     params?: TLogStore['params'];
     time?: string | Date;
 };
-declare const LogStore: ({ time, message, params }: LogStoreProps) => import("react").JSX.Element;
+declare const LogStore: ({ time, message, params }: LogStoreProps) => import('react').JSX.Element;
 export default LogStore;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStoreBody.d.ts

@@ -22,5 +22,5 @@ export type LogStoreBodyProps = {
     next?: unknown;
     contextLines?: number;
 };
-declare const LogStoreBody: ({ path, prev, next, contextLines }: LogStoreBodyProps) => import("react").JSX.Element;
+declare const LogStoreBody: ({ path, prev, next, contextLines }: LogStoreBodyProps) => import('react').JSX.Element;
 export default LogStoreBody;

package/dist/components/DevToolsPanel/tabs/Logs/categories/LogStore/LogStoreHeader.d.ts

@@ -5,5 +5,5 @@ export type LogStoreHeaderProps = {
     message?: ReactNode;
     time?: string | Date;
 };
-declare const LogStoreHeader: ({ storeName, path, message, time }: LogStoreHeaderProps) => import("react").JSX.Element;
+declare const LogStoreHeader: ({ storeName, path, message, time }: LogStoreHeaderProps) => import('react').JSX.Element;
 export default LogStoreHeader;

package/dist/components/DevToolsPanel/tabs/PluginsViewer/PluginDetails.d.ts

@@ -11,5 +11,5 @@ export type PluginEntry = {
 export type PluginDetailsProps = {
     entry: PluginEntry;
 };
-declare const PluginDetails: ({ entry }: PluginDetailsProps) => import("react").JSX.Element;
+declare const PluginDetails: ({ entry }: PluginDetailsProps) => import('react').JSX.Element;
 export default PluginDetails;

package/dist/components/DevToolsPanel/tabs/PluginsViewer/PluginsViewer.d.ts

@@ -2,5 +2,5 @@ export type PluginsViewerProps = {
     className?: string;
 };
 /** Plugins from both registers: installed bundles (PluginsContext) and space-shipped ones (component registry). */
-declare const PluginsViewer: ({ className }: PluginsViewerProps) => import("react").JSX.Element;
+declare const PluginsViewer: ({ className }: PluginsViewerProps) => import('react').JSX.Element;
 export default PluginsViewer;

package/dist/components/DevToolsPanel/tabs/StoreViewer/StoreViewer.d.ts

@@ -1,5 +1,5 @@
 export type StoreViewerProps = {
     elementSelected?: string;
 };
-declare const StoreViewer: ({ elementSelected }: StoreViewerProps) => import("react").JSX.Element;
+declare const StoreViewer: ({ elementSelected }: StoreViewerProps) => import('react').JSX.Element;
 export default StoreViewer;

package/dist/components/DevToolsPanel/tabs/StoreViewer/components/FreshnessMark/FreshnessMark.d.ts

@@ -12,5 +12,5 @@ export type FreshnessMarkProps = {
  * every path unless somebody asked for one. The rest of what there is to say about it is the Cache tab's job, so
  * nothing here hides behind a tooltip.
  */
-declare const FreshnessMark: ({ record: { expiresAt }, now }: FreshnessMarkProps) => import("react").JSX.Element;
+declare const FreshnessMark: ({ record: { expiresAt }, now }: FreshnessMarkProps) => import('react').JSX.Element;
 export default FreshnessMark;

package/dist/components/DevToolsPanel/tabs/TracingViewer/TracingViewer.d.ts

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

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/CommitCause/CommitCause.d.ts

@@ -6,5 +6,5 @@ export type CommitCauseProps = {
     active: FlameNode | undefined;
     onSelectElement: (id: string | undefined) => void;
 };
-declare const CommitCause: ({ commit, model, active, onSelectElement }: CommitCauseProps) => import("react").JSX.Element | null;
+declare const CommitCause: ({ commit, model, active, onSelectElement }: CommitCauseProps) => import('react').JSX.Element | null;
 export default CommitCause;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/CommitStrip/CommitStrip.d.ts

@@ -5,5 +5,5 @@ export type CommitStripProps = {
     hydrated: boolean;
     onSelect: (commitId: number) => void;
 };
-declare const CommitStrip: ({ commits, selectedIndex, hydrated, onSelect }: CommitStripProps) => import("react").JSX.Element;
+declare const CommitStrip: ({ commits, selectedIndex, hydrated, onSelect }: CommitStripProps) => import('react').JSX.Element;
 export default CommitStrip;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/DetailSidebar/DetailSidebar.d.ts

@@ -5,5 +5,5 @@ export type DetailSidebarProps = {
     commit: CommitEntry;
     model: FlameModel;
 };
-declare const DetailSidebar: ({ node, commit, model }: DetailSidebarProps) => import("react").JSX.Element;
+declare const DetailSidebar: ({ node, commit, model }: DetailSidebarProps) => import('react').JSX.Element;
 export default DetailSidebar;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/DurationLegend/DurationLegend.d.ts

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

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/FlameFrame.d.ts

@@ -8,5 +8,5 @@ export type FlameFrameProps = {
     selected: boolean;
     onClick: (node: FlameNode) => void;
 };
-declare const FlameFrame: ({ node, left, width, top, selected, onClick }: FlameFrameProps) => import("react").JSX.Element;
+declare const FlameFrame: ({ node, left, width, top, selected, onClick }: FlameFrameProps) => import('react').JSX.Element;
 export default FlameFrame;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/Flamegraph/Flamegraph.d.ts

@@ -9,5 +9,5 @@ export type FlamegraphProps = {
     onSelectElement: (id: string | undefined) => void;
     onToggleSidebar: () => void;
 };
-declare const Flamegraph: ({ commit, model, active, origin, sidebarOpen, onSelectElement, onToggleSidebar }: FlamegraphProps) => import("react").JSX.Element;
+declare const Flamegraph: ({ commit, model, active, origin, sidebarOpen, onSelectElement, onToggleSidebar }: FlamegraphProps) => import('react').JSX.Element;
 export default Flamegraph;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/HotspotSidebar/HotspotSidebar.d.ts

@@ -5,5 +5,5 @@ export type HotspotSidebarProps = {
     flat: Record<string, Element> | undefined;
     sessionSelf: number;
 };
-declare const HotspotSidebar: ({ row, flat, sessionSelf }: HotspotSidebarProps) => import("react").JSX.Element;
+declare const HotspotSidebar: ({ row, flat, sessionSelf }: HotspotSidebarProps) => import('react').JSX.Element;
 export default HotspotSidebar;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/HotspotsList/HotspotsList.d.ts

@@ -6,5 +6,5 @@ export type HotspotsListProps = {
     selectedId: string | undefined;
     onSelectElement: (id: string | undefined) => void;
 };
-declare const HotspotsList: ({ commits, tree, flat, selectedId, onSelectElement }: HotspotsListProps) => import("react").JSX.Element;
+declare const HotspotsList: ({ commits, tree, flat, selectedId, onSelectElement }: HotspotsListProps) => import('react').JSX.Element;
 export default HotspotsList;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/MetricToggle/MetricToggle.d.ts

@@ -4,5 +4,5 @@ export type MetricToggleProps = {
     onChange: (metric: DurationMetric) => void;
     className?: string;
 };
-declare const MetricToggle: ({ metric, onChange, className }: MetricToggleProps) => import("react").JSX.Element;
+declare const MetricToggle: ({ metric, onChange, className }: MetricToggleProps) => import('react').JSX.Element;
 export default MetricToggle;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/RankedList/RankedList.d.ts

@@ -9,5 +9,5 @@ export type RankedListProps = {
     onSelectElement: (id: string | undefined) => void;
     onToggleSidebar: () => void;
 };
-declare const RankedList: ({ commit, model, active, origin, sidebarOpen, onSelectElement, onToggleSidebar }: RankedListProps) => import("react").JSX.Element;
+declare const RankedList: ({ commit, model, active, origin, sidebarOpen, onSelectElement, onToggleSidebar }: RankedListProps) => import('react').JSX.Element;
 export default RankedList;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/SidebarShell/SidebarEmpty.d.ts

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

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/SidebarShell/SidebarShell.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type SidebarShellProps = {
     children: ReactNode;
 };
-declare const SidebarShell: ({ children }: SidebarShellProps) => import("react").JSX.Element;
+declare const SidebarShell: ({ children }: SidebarShellProps) => import('react').JSX.Element;
 export default SidebarShell;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/SidebarToggle/SidebarToggle.d.ts

@@ -3,5 +3,5 @@ export type SidebarToggleProps = {
     onToggle: () => void;
     className?: string;
 };
-declare const SidebarToggle: ({ open, onToggle, className }: SidebarToggleProps) => import("react").JSX.Element;
+declare const SidebarToggle: ({ open, onToggle, className }: SidebarToggleProps) => import('react').JSX.Element;
 export default SidebarToggle;

package/dist/components/DevToolsPanel/tabs/TracingViewer/components/TracingToolbar/TracingToolbar.d.ts

@@ -7,5 +7,5 @@ export type TracingToolbarProps = {
     onViewChange: (view: TracingView) => void;
     onPersistChange: (persist: boolean) => void;
 };
-declare const TracingToolbar: ({ view, persist, commitCount, onClear, onViewChange, onPersistChange }: TracingToolbarProps) => import("react").JSX.Element;
+declare const TracingToolbar: ({ view, persist, commitCount, onClear, onViewChange, onPersistChange }: TracingToolbarProps) => import('react').JSX.Element;
 export default TracingToolbar;

package/dist/components/DevToolsPanel/tabs/VariablesViewer/VariableValue.d.ts

@@ -4,5 +4,5 @@ export type VariableValueProps = {
     preffix?: string;
     value?: string;
 };
-declare const VariableValue: ({ className, type, preffix, value }: VariableValueProps) => import("react").JSX.Element;
+declare const VariableValue: ({ className, type, preffix, value }: VariableValueProps) => import('react').JSX.Element;
 export default VariableValue;

package/dist/components/DevToolsPanel/tabs/VariablesViewer/VariablesList.d.ts

@@ -3,5 +3,5 @@ export type VariablesListProps = {
     variables?: SchemaVariable[];
     variablesParsed?: Record<string, string>;
 };
-declare const VariablesList: ({ variables, variablesParsed }: VariablesListProps) => import("react").JSX.Element;
+declare const VariablesList: ({ variables, variablesParsed }: VariablesListProps) => import('react').JSX.Element;
 export default VariablesList;

package/dist/components/DevToolsPanel/tabs/VariablesViewer/VariablesListItem.d.ts

@@ -4,5 +4,5 @@ export type VariablesListItemProps = {
     type?: string;
     value?: StyleVariableValue;
 };
-declare const VariablesListItem: ({ name, type, value }: VariablesListItemProps) => import("react").JSX.Element;
+declare const VariablesListItem: ({ name, type, value }: VariablesListItemProps) => import('react').JSX.Element;
 export default VariablesListItem;

package/dist/components/DevToolsPanel/tabs/VariablesViewer/VariablesStyleList.d.ts

@@ -2,5 +2,5 @@ import { StyleVariables } from '@plitzi/sdk-shared';
 export type VariablesListProps = {
     variables?: Partial<StyleVariables>;
 };
-declare const VariablesStyleList: ({ variables }: VariablesListProps) => import("react").JSX.Element;
+declare const VariablesStyleList: ({ variables }: VariablesListProps) => import('react').JSX.Element;
 export default VariablesStyleList;

package/dist/components/DevToolsPanel/tabs/VariablesViewer/VariablesViewer.d.ts

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

package/dist/components/List/List.d.ts

@@ -10,5 +10,5 @@ export type ListProps<T> = {
     value?: string | T;
     onSelect?: (value?: T) => void;
 };
-declare const List: <T extends ListItem>({ items, className, value, onSelect }: ListProps<T>) => import("react").JSX.Element;
+declare const List: <T extends ListItem>({ items, className, value, onSelect }: ListProps<T>) => import('react').JSX.Element;
 export default List;

package/dist/components/List/ListItem.d.ts

@@ -7,5 +7,5 @@ export type ListItemProps = {
     isSelected?: boolean;
     onSelect?: (id?: string) => void;
 };
-declare const ListItem: ({ name, label, id, isSelected, className, onSelect }: ListItemProps) => import("react").JSX.Element;
+declare const ListItem: ({ name, label, id, isSelected, className, onSelect }: ListItemProps) => import('react').JSX.Element;
 export default ListItem;

package/dist/components/PayloadView/PayloadView.d.ts

@@ -7,5 +7,5 @@ export type PayloadViewProps = {
  * Shared rather than per tab because the viewer ships a light palette and nothing else — on a dark panel its keys
  * come out near-black on near-black — and every tab that shows a payload had to remember to dress it.
  */
-declare const PayloadView: ({ value }: PayloadViewProps) => import("react").JSX.Element;
+declare const PayloadView: ({ value }: PayloadViewProps) => import('react').JSX.Element;
 export default PayloadView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-dev-tools",
-  "version": "0.37.1",
+  "version": "0.37.2",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -833,7 +833,7 @@
   "devDependencies": {
     "@testing-library/react": "^16.3.3",
     "eslint": "^9.39.5",
-    "jsdom": "^30.1.0",
+    "jsdom": "^30.1.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "typescript": "^6.0.3",
@@ -846,11 +846,11 @@
   },
   "dependencies": {
     "@plitzi/nexus": "^1.2.2",
-    "@plitzi/plitzi-ui": "^1.6.21",
-    "@plitzi/sdk-navigation": "0.37.1",
-    "@plitzi/sdk-schema": "0.37.1",
-    "@plitzi/sdk-shared": "0.37.1",
-    "@plitzi/sdk-style": "0.37.1",
+    "@plitzi/plitzi-ui": "^1.6.22",
+    "@plitzi/sdk-navigation": "0.37.2",
+    "@plitzi/sdk-schema": "0.37.2",
+    "@plitzi/sdk-shared": "0.37.2",
+    "@plitzi/sdk-style": "0.37.2",
     "@uiw/react-json-view": "^2.0.0-alpha.43",
     "clsx": "^2.1.1"
   }