@softov/scena 0.1.2 → 0.1.3

package/dist/ui/display/Badge.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { type ResourceColor } from '../../types/colors.js';
+import { type ResourceColor } from '../../sdk/colors.js';
 import './Badge.css';
 export type BadgeTone = 'default' | 'success' | 'warning' | 'danger' | 'info';
 export interface BadgeProps {

package/dist/ui/display/Badge.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { resolveColorVar } from '../../types/colors.js';
+import { resolveColorVar } from '../../sdk/colors.js';
 import './Badge.css';
 export function Badge({ children, text, label, tone, variant, color, outline, style, className, }) {
     const inline = color

package/dist/ui/display/DetailHeader.css

@@ -33,8 +33,8 @@
 }
 .oo-detail-header__meta-item {
   display: flex;
-  flex-direction: column;
-  gap: 1px;
+  flex-direction: row;
+  gap: 2px;
 }
 .oo-detail-header__meta-label {
   font-size: var(--oo-font-size-xs);
@@ -43,7 +43,7 @@
   color: var(--oo-color-muted);
 }
 .oo-detail-header__meta-value {
-  font-size: var(--oo-font-size-sm);
+  font-size: var(--oo-font-size-xs);
   color: var(--oo-color-text);
 }
 .oo-detail-header__actions {

package/dist/ui/display/DetailList.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './DetailList.css';
-export function DetailList({ items, columns = 2, style }) {
-    return (_jsx("dl", { className: "oo-detail-list", style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`, ...style }, children: items.map((item, i) => (_jsxs("div", { className: `oo-detail-list__item${item.span ? ' oo-detail-list__item--span' : ''}`, children: [_jsx("dt", { className: "oo-detail-list__label", children: item.label }), _jsx("dd", { className: "oo-detail-list__value", children: item.value })] }, i))) }));
+export function DetailList({ items, columns, style }) {
+    const styleColumns = columns ? `repeat(${columns}, minmax(0, 1fr))` : `repeat(auto-fill, minmax(160px, 1fr))`;
+    return (_jsx("dl", { className: "oo-detail-list", style: { gridTemplateColumns: styleColumns, ...style }, children: items.map((item, i) => (_jsxs("div", { className: `oo-detail-list__item${item.span ? ' oo-detail-list__item--span' : ''}`, children: [_jsx("dt", { className: "oo-detail-list__label", children: item.label }), _jsx("dd", { className: "oo-detail-list__value", children: item.value })] }, i))) }));
 }

package/dist/ui/display/DetailNotFound.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { type ButtonProps } from '../control/Button.js';
-import type { ResourceColor } from '../../types/colors.js';
+import type { ResourceColor } from '../../sdk/colors.js';
 export interface DetailNotFoundAction {
     label: string;
     onClick: () => void;

package/dist/ui/display/DetailNotFound.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { translate } from '../../i18n/registry.js';
+import { translate } from '../../core/i18n/registry.js';
 import { Button } from '../control/Button.js';
 // Centered empty/error state for a detail surface: a colored icon, a title, and
 // optional action buttons. Replaces the ad-hoc `<div>… not found</div>` each

package/dist/ui/display/Progress.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import { type ResourceColor } from '../../types/colors.js';
+import { type ResourceColor } from '../../sdk/colors.js';
 import './Progress.css';
 export interface ProgressProps {
     value?: number;

package/dist/ui/display/Progress.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { resolveColorVar } from '../../types/colors.js';
+import { resolveColorVar } from '../../sdk/colors.js';
 import './Progress.css';
 export function Progress({ value = 0, max = 100, label, display, color, indeterminate, height, style, className, }) {
     const safeMax = max > 0 ? max : 100;

package/dist/ui/display/Spinner.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import { type ResourceColor } from '../../types/colors.js';
+import { type ResourceColor } from '../../sdk/colors.js';
 import './Spinner.css';
 export interface SpinnerProps {
     label?: string;

package/dist/ui/display/Spinner.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { resolveColorVar } from '../../types/colors.js';
+import { resolveColorVar } from '../../sdk/colors.js';
 import './Spinner.css';
 export function Spinner({ label, size = 16, color, inline = true, style, className, }) {
     const wrapperStyle = {

package/dist/ui/display/StatusDot.css

@@ -0,0 +1,46 @@
+.oo-status-dot {
+  --oo-status-dot-size: 8px;
+  display: inline-block;
+  flex: 0 0 auto;
+  width: var(--oo-status-dot-size);
+  height: var(--oo-status-dot-size);
+  border-radius: 50%;
+  background: rgb(var(--oo-color, var(--oo-rgb-muted)));
+}
+
+/* Semantic presets, the same names Badge and Alert use, so one vocabulary
+   covers every way a state is shown. */
+.oo-status-dot[data-tone='default'] { --oo-color: var(--oo-rgb-muted); }
+.oo-status-dot[data-tone='success'] { --oo-color: var(--oo-rgb-green); }
+.oo-status-dot[data-tone='warning'] { --oo-color: var(--oo-rgb-amber); }
+.oo-status-dot[data-tone='danger']  { --oo-color: var(--oo-rgb-red); }
+.oo-status-dot[data-tone='info']    { --oo-color: var(--oo-rgb-blue); }
+
+/* Hollow, for a state that is *not* happening - offline, unregistered, never
+   run. A filled grey dot and a filled green one differ only in hue, which is
+   the one channel a colour-blind reader may not have. */
+.oo-status-dot[data-outline='true'] {
+  background: transparent;
+  box-shadow: inset 0 0 0 1.5px rgb(var(--oo-color, var(--oo-rgb-muted)));
+}
+
+.oo-status-dot-wrap {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.oo-status-dot-label {
+  font-size: var(--oo-font-size-xs);
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* The label takes the dot's colour only when asked. A row of coloured words is
+   harder to read than a row of black words with coloured dots beside them. */
+.oo-status-dot-wrap[data-tint='true'] .oo-status-dot-label {
+  color: rgb(var(--oo-color, var(--oo-rgb-muted)));
+}

package/dist/ui/display/StatusDot.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties, ReactNode } from 'react';
+import { type ResourceColor } from '../../sdk/colors.js';
+import './StatusDot.css';
+export type StatusDotTone = 'default' | 'success' | 'warning' | 'danger' | 'info';
+export interface StatusDotProps {
+    tone?: StatusDotTone;
+    color?: ResourceColor;
+    label?: string | number;
+    children?: ReactNode;
+    tint?: boolean;
+    outline?: boolean;
+    size?: number;
+    title?: string;
+    style?: CSSProperties;
+    className?: string;
+}
+export declare function StatusDot({ tone, color, label, children, tint, outline, size, title, style, className, }: StatusDotProps): import("react").JSX.Element;

package/dist/ui/display/StatusDot.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveColorVar } from '../../sdk/colors.js';
+import './StatusDot.css';
+export function StatusDot({ tone, color, label, children, tint, outline, size, title, style, className, }) {
+    const text = label ?? children;
+    const inline = {
+        ...(color ? { ['--oo-color']: resolveColorVar(color) } : {}),
+        ...(size ? { ['--oo-status-dot-size']: `${size}px` } : {}),
+    };
+    const dot = (_jsx("span", { className: ['oo-status-dot', text == null ? className : undefined]
+            .filter(Boolean)
+            .join(' '), "data-tone": color ? undefined : (tone ?? 'default'), "data-outline": outline ? 'true' : undefined, title: title ?? (text == null ? undefined : String(text)), style: text == null ? { ...inline, ...style } : inline }));
+    if (text == null)
+        return dot;
+    return (_jsxs("span", { className: ['oo-status-dot-wrap', className].filter(Boolean).join(' '), "data-tint": tint ? 'true' : undefined, style: { ...inline, ...style }, children: [dot, _jsx("span", { className: "oo-status-dot-label", children: text })] }));
+}

package/dist/ui/display/Svg.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import { type ResourceColor } from '../../types/colors.js';
+import { type ResourceColor } from '../../sdk/colors.js';
 export interface SvgProps {
     markup?: string;
     path?: string;

package/dist/ui/display/Svg.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { resolveColorAlpha } from '../../types/colors.js';
+import { resolveColorAlpha } from '../../sdk/colors.js';
 export function Svg({ markup, path, width = 24, height = 24, color, viewBox = '0 0 24 24', style, className, }) {
     const inlineStyle = {
         color: color ? resolveColorAlpha(color) : 'currentColor',

package/dist/ui/display/catalog.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentDefinition } from '../../types/component-registry.js';
+import type { ComponentDefinition } from '../../sdk/component-registry.js';
 export declare const CATALOG_DISPLAY_MAP: ComponentDefinition[];

package/dist/ui/display/catalog.js

@@ -3,6 +3,7 @@ export const CATALOG_DISPLAY_MAP = [
     { component: 'Card', category: 'inline', renderer: { kind: 'react', load: () => import('./Card.js').then((m) => ({ default: m.Card })) } },
     { component: 'Divider', category: 'inline', renderer: { kind: 'react', load: () => import('./Divider.js').then((m) => ({ default: m.Divider })) } },
     { component: 'Alert', category: 'inline', renderer: { kind: 'react', load: () => import('./Alert.js').then((m) => ({ default: m.Alert })) } },
+    { component: 'StatusDot', category: 'inline', renderer: { kind: 'react', load: () => import('./StatusDot.js').then((m) => ({ default: m.StatusDot })) } },
     { component: 'Badge', category: 'inline', renderer: { kind: 'react', load: () => import('./Badge.js').then((m) => ({ default: m.Badge })) } },
     { component: 'Text', category: 'inline', renderer: { kind: 'react', load: () => import('./Text.js').then((m) => ({ default: m.Text })) } },
     { component: 'Image', category: 'inline', renderer: { kind: 'react', load: () => import('./Image.js').then((m) => ({ default: m.Image })) } },

package/dist/ui/display/index.d.ts

@@ -20,3 +20,5 @@ export { AddPlaceholder } from './AddPlaceholder.js';
 export type { AddPlaceholderProps } from './AddPlaceholder.js';
 export { SectionTitle } from './SectionTitle.js';
 export type { SectionTitleProps } from './SectionTitle.js';
+export { StatusDot } from './StatusDot.js';
+export type { StatusDotProps, StatusDotTone } from './StatusDot.js';

package/dist/ui/display/index.js

@@ -12,3 +12,4 @@ export { DetailContainer } from './DetailContainer.js';
 export { DetailNotFound } from './DetailNotFound.js';
 export { AddPlaceholder } from './AddPlaceholder.js';
 export { SectionTitle } from './SectionTitle.js';
+export { StatusDot } from './StatusDot.js';

package/dist/ui/forms/LoginForm.d.ts

@@ -10,3 +10,4 @@ export interface LoginFormProps {
     onForgotPassword?: () => void;
 }
 export declare function LoginForm({ providers: filter, allowSignup, allowForgotPassword, onSignup, onForgotPassword, }: LoginFormProps): ReactNode;
+export default LoginForm;

package/dist/ui/forms/LoginForm.js

@@ -135,3 +135,4 @@ function DigitsInput({ digits, value, onChange, }) {
                 }
             } }, i))) }));
 }
+export default LoginForm;

package/dist/ui/forms/SettingsContainer.d.ts

@@ -4,5 +4,6 @@ export interface SettingsContainerProps {
     children: ReactNode;
     danger?: DangerZoneProps;
     style?: CSSProperties;
+    styleBody?: CSSProperties;
 }
-export declare function SettingsContainer({ children, danger, style }: SettingsContainerProps): ReactNode;
+export declare function SettingsContainer({ children, danger, style, styleBody }: SettingsContainerProps): ReactNode;

package/dist/ui/forms/SettingsContainer.js

@@ -3,6 +3,6 @@ import { DangerZone } from './DangerZone.js';
 // Standard layout for a resource's Settings tab: the form, then an optional
 // DangerZone. Keeps every resource's Settings tab consistent without repeating
 // the wrapper + delete affordance.
-export function SettingsContainer({ children, danger, style }) {
-    return (_jsxs("div", { className: "oo-settings", style: { display: 'flex', flexDirection: 'column', gap: 24, ...style }, children: [children, danger ? _jsx(DangerZone, { ...danger }) : null] }));
+export function SettingsContainer({ children, danger, style, styleBody }) {
+    return (_jsxs("div", { className: "oo-settings", style: style, children: [_jsx("div", { className: "oo-settings__body", style: styleBody, children: children }), danger ? _jsx(DangerZone, { ...danger }) : null] }));
 }

package/dist/ui/forms/catalog.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentDefinition } from '../../types/component-registry.js';
+import type { ComponentDefinition } from '../../sdk/component-registry.js';
 export declare const CATALOG_FORMS_MAP: ComponentDefinition[];

package/dist/ui/index.d.ts

@@ -6,6 +6,8 @@ export { Toolbar } from './navigation/index.js';
 export type { ToolbarProps } from './navigation/index.js';
 export { Badge } from './display/Badge.js';
 export type { BadgeProps, BadgeTone } from './display/Badge.js';
+export { StatusDot } from './display/StatusDot.js';
+export type { StatusDotProps, StatusDotTone } from './display/StatusDot.js';
 export { Breadcrumb } from './navigation/index.js';
 export type { BreadcrumbProps, BreadcrumbItem } from './navigation/index.js';
 export { Progress } from './display/Progress.js';
@@ -46,8 +48,11 @@ export { List } from './data/index.js';
 export { Tabs } from './navigation/index.js';
 export { Link, resolveLinkHref } from './navigation/index.js';
 export type { LinkProps, LinkKind } from './navigation/index.js';
-export { Button, ReloadButton, TextField, CheckBox, ChoicePicker, Slider, DateTimeInput, Checks, LocaleToggle, } from './control/index.js';
+export { ActivityBarItem } from './navigation/index.js';
+export type { ActivityBarItemProps, ActivityBadgeTone } from './navigation/index.js';
+export { Button, ReloadButton, TextField, CheckBox, ChoicePicker, Slider, DateTimeInput, Checks, LocaleToggle, ButtonBar, ThemePicker, ThemeModeToggle, } from './control/index.js';
 export type { LocaleToggleProps, LocaleToggleDisplay, ReloadButtonProps } from './control/index.js';
+export type { ButtonBarProps, ButtonBarTone, ThemePickerProps, ThemeModeToggleProps, } from './control/index.js';
 export { Row, Column } from './layout/index.js';
 export { Grid } from './layout/index.js';
 export type { GridProps } from './layout/index.js';

package/dist/ui/index.js

@@ -19,6 +19,7 @@ export { Splitter } from './layout/Splitter.js';
 export { Popup } from './overlay/Popup.js';
 export { Toolbar } from './navigation/index.js';
 export { Badge } from './display/Badge.js';
+export { StatusDot } from './display/StatusDot.js';
 export { Breadcrumb } from './navigation/index.js';
 export { Progress } from './display/Progress.js';
 export { Spinner } from './display/Spinner.js';
@@ -51,7 +52,8 @@ export { DetailList, DetailHeader, DetailContainer, DetailNotFound, AddPlacehold
 export { List } from './data/index.js';
 export { Tabs } from './navigation/index.js';
 export { Link, resolveLinkHref } from './navigation/index.js';
-export { Button, ReloadButton, TextField, CheckBox, ChoicePicker, Slider, DateTimeInput, Checks, LocaleToggle, } from './control/index.js';
+export { ActivityBarItem } from './navigation/index.js';
+export { Button, ReloadButton, TextField, CheckBox, ChoicePicker, Slider, DateTimeInput, Checks, LocaleToggle, ButtonBar, ThemePicker, ThemeModeToggle, } from './control/index.js';
 export { Row, Column } from './layout/index.js';
 export { Grid } from './layout/index.js';
 export { Video, Audio } from './media/index.js';

package/dist/ui/layout/BarLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function BarLayout({ mounts, renderMount }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/FloatingLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function FloatingLayout({ mounts, renderMount }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/InlineLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function InlineLayout({ mounts, renderMount }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/MountTitle.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
-import type { Scena } from '../../types/scena.js';
-import type { ResolvedMount } from '../../types/mount-surface.js';
+import type { Scena } from '../../sdk/scena.js';
+import type { ResolvedMount } from '../../sdk/mount-surface.js';
 export declare function useMountTitle(mount: ResolvedMount | undefined, fallback?: string): string;
 export declare function MountTitle({ mount, fallback, iconClassName, titleClassName, style, }: {
     mount: ResolvedMount | undefined;

package/dist/ui/layout/MountTitle.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useScena } from '../../react/ScenaProvider.js';
 import { useStoreLabel } from '../../react/hooks/useStoreLabel.js';
-import { readPath } from '../../core/path-resolver.js';
-import { translate } from '../../i18n/registry.js';
+import { readPath } from '../../core/resolve/path-resolver.js';
+import { translate } from '../../core/i18n/registry.js';
 // Shared title resolution for layout headers. A mount's title is
 // `mount.props.title ?? the component's registered default`, resolved against
 // the mount's OWN dataContext — so a relative `{ path: '/name' }` resolves to

package/dist/ui/layout/RailLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function RailLayout({ mounts, renderMount, presentation }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/SectionHeader.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-import type { MountAction } from '../../types/mount-surface.js';
-import type { Label } from '../../types/label.js';
+import type { MountAction } from '../../sdk/mount-surface.js';
+import type { Label } from '../../sdk/label.js';
 export interface SectionHeaderProps {
     title: Label;
     icon?: ReactNode;

package/dist/ui/layout/SectionHeader.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
-import { resolveLabel } from '../../core/label.js';
+import { resolveLabel } from '../../sdk/label.js';
 import { useScena } from '../../react/ScenaProvider.js';
 import { useI18n } from '../../react/hooks/useI18n.js';
-import { translate } from '../../i18n/registry.js';
+import { translate } from '../../core/i18n/registry.js';
 import { ContextMenu } from '../menu/ContextMenu.js';
 // The header strip for a sidebar section (single layout) — same visual language
 // as StackHeader's container strip, plus an action row. Title/icon/actions come
@@ -23,8 +23,8 @@ export function SectionHeader({ title, icon, color, actions = [] }) {
     }
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "oo-section-header", "data-color": color, style: headerStyle, children: [_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 6, minWidth: 0 }, children: [icon ? _jsx("span", { className: "oo-section-header__icon", "aria-hidden": true, children: icon }) : null, _jsx("span", { className: "oo-section-header__title", style: { overflow: 'hidden', textOverflow: 'ellipsis' }, children: titleText })] }), _jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 2 }, children: [actions.map((a) => {
                                 const text = label(a);
-                                return (_jsx("button", { type: "button", title: text, "aria-label": text, onClick: () => run(a.command), style: iconBtn, children: a.icon ?? text ?? '•' }, a.command));
-                            }), actions.length ? (_jsx("button", { type: "button", title: "More actions", "aria-label": "More actions", onClick: openMenu, style: iconBtn, children: "\u22EF" })) : null] })] }), menu ? (_jsx(ContextMenu, { x: menu.x, y: menu.y, onClose: () => setMenu(null), spec: {
+                                return (_jsx("button", { className: "oo-btn oo-btn--icon", "data-variant": "ghost", type: "button", title: text, "aria-label": text, onClick: () => run(a.command), style: iconBtn, children: a.icon ?? text ?? '•' }, a.command));
+                            }), actions.length ? (_jsx("button", { className: "oo-btn oo-btn--icon", "data-variant": "ghost", type: "button", title: "More actions", "aria-label": "More actions", onClick: openMenu, style: iconBtn, children: "\u22EF" })) : null] })] }), menu ? (_jsx(ContextMenu, { x: menu.x, y: menu.y, onClose: () => setMenu(null), spec: {
                     footerHints: true,
                     items: actions.map((a) => ({
                         title: label(a) || a.command,
@@ -47,7 +47,6 @@ const headerStyle = {
     fontSize: 'var(--oo-font-size-xs)',
     textTransform: 'uppercase',
     letterSpacing: '0.06em',
-    color: 'var(--oo-color-muted)',
     userSelect: 'none',
     minWidth: 0,
     minHeight: 32,
@@ -55,8 +54,6 @@ const headerStyle = {
 const iconBtn = {
     background: 'transparent',
     border: 'none',
-    color: 'var(--oo-color-muted)',
-    cursor: 'pointer',
     font: 'inherit',
     fontSize: 'var(--oo-font-size-sm)',
     lineHeight: 1,

package/dist/ui/layout/SingleLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function SingleLayout({ mounts, state, renderMount }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/SpatialCard.d.ts

@@ -1,5 +1,5 @@
-import type { LayoutProps } from '../../types/layout.js';
-import type { ResolvedMount } from '../../types/mount-surface.js';
+import type { LayoutProps } from '../../sdk/layout.js';
+import type { ResolvedMount } from '../../sdk/mount-surface.js';
 import type { CampusNodeRenderProps } from '../campus/types.js';
 export interface SpatialCardData {
     mount: ResolvedMount;

package/dist/ui/layout/SpatialLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function SpatialLayout({ surface, mounts, state, setState, renderMount, onClose, onActivate, }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/SplitLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function SplitLayout({ surface, mounts, state, setState, renderMount, onClose, onReorder, }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/StackHeader.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 interface LayoutHeaderProps extends Pick<LayoutProps, 'mounts' | 'state' | 'setState'> {
     title: string;
     icon?: ReactNode;

package/dist/ui/layout/StackLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function StackLayout({ surface, mounts, state, setState, renderMount, onClose, onReorder, }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/TabLayout.d.ts

@@ -1,2 +1,2 @@
-import type { LayoutProps } from '../../types/layout.js';
+import type { LayoutProps } from '../../sdk/layout.js';
 export declare function TabLayout({ surface, mounts, state, renderMount, onActivate, onClose, onReorder, }: LayoutProps): import("react").JSX.Element;

package/dist/ui/layout/TabPanelLayout.d.ts

@@ -1,6 +1,6 @@
 import { type DragEvent as ReactDragEvent, type MouseEvent as ReactMouseEvent } from 'react';
-import type { LayoutProps } from '../../types/layout.js';
-import type { ResolvedMount } from '../../types/mount-surface.js';
+import type { LayoutProps } from '../../sdk/layout.js';
+import type { ResolvedMount } from '../../sdk/mount-surface.js';
 export declare function TabPanelLayout({ surface, mounts, state, setState, renderMount, onActivate, onClose, }: LayoutProps): import("react").JSX.Element;
 export declare function TabTitle({ m, resourceKey, isActive, dragOverTab, idx, onDragStart, onDragOver, onDragLeave, onDrop, onClick, onContextMenu, onClose, onUnpin, isPinned }: {
     m: ResolvedMount | undefined;

package/dist/ui/layout/TabPanelLayout.js

@@ -3,7 +3,7 @@ import { useEffect, useRef, useState, } from 'react';
 import { useScena } from '../../react/ScenaProvider.js';
 import { ContextMenu } from '../menu/ContextMenu.js';
 import { Divisor } from '../display/Divisor.js';
-import { resolveColorRgb } from '../../types/colors.js';
+import { resolveColorRgb } from '../../sdk/colors.js';
 import { NAMED_GLYPH } from '../display/Icon.js';
 import { useStoreLabel } from '../../react/hooks/useStoreLabel.js';
 // Multi-group tabs. Recursive binary tree: a leaf is one Tab strip; a split

package/dist/ui/layout/catalog.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentDefinition } from '../../types/component-registry.js';
+import type { ComponentDefinition } from '../../sdk/component-registry.js';
 export declare const CATALOG_LAYOUT_MAP: ComponentDefinition[];

package/dist/ui/layout/register.d.ts

@@ -1,3 +1,3 @@
-import type { Scena } from '../../types/scena.js';
-import type { Disposable } from '../../types/disposable.js';
+import type { Scena } from '../../sdk/scena.js';
+import type { Disposable } from '../../sdk/disposable.js';
 export declare function registerBuiltinLayouts(scena: Scena): Disposable;

package/dist/ui/layout/register.js

@@ -1,5 +1,5 @@
 import { lazy } from 'react';
-import { combineDisposables } from '../../core/disposable.js';
+import { combineDisposables } from '../../sdk/disposable.js';
 // Layout components are React.lazy so registering them pulls no layout code at
 // boot — each surface render strategy (and the heavy SpatialLayout/Campus) only
 // loads when a surface first uses it. SurfaceArea renders them inside <Suspense>.

package/dist/ui/media/catalog.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentDefinition } from '../../types/component-registry.js';
+import type { ComponentDefinition } from '../../sdk/component-registry.js';
 export declare const CATALOG_MEDIA_MAP: ComponentDefinition[];

package/dist/ui/menu/ActionList.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from 'react';
-import type { HostCtx, ListSpec } from '../../types/host.js';
-import type { BindingPath } from '../../types/component-graph.js';
+import type { HostCtx, ListSpec } from '../../sdk/host.js';
+import type { BindingPath } from '../../sdk/component-graph.js';
 import './ActionList.css';
 export interface ActionListController {
     handleKey(e: {

package/dist/ui/menu/ActionList.js

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState,
 import { useScena } from '../../react/ScenaProvider.js';
 import { canonicalShortcut } from './token.js';
 import './ActionList.css';
-import { resolveColorVar } from '../../types/colors.js';
+import { resolveColorVar } from '../../sdk/colors.js';
 // Debounce (ms) for async provider re-resolves while results are already on
 // screen — collapses a burst of keystrokes into one network call.
 const PROVIDER_DEBOUNCE_MS = 180;

package/dist/ui/menu/ContainerMenu.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-import type { BindingPath } from '../../types/component-graph.js';
-import type { ListSpec } from '../../types/host.js';
+import type { BindingPath } from '../../sdk/component-graph.js';
+import type { ListSpec } from '../../sdk/host.js';
 export interface ContainerMenuProps {
     spec: ListSpec;
     context?: Record<string, unknown>;

package/dist/ui/menu/ContextMenu.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-import type { BindingPath } from '../../types/component-graph.js';
-import type { ListSpec } from '../../types/host.js';
+import type { BindingPath } from '../../sdk/component-graph.js';
+import type { ListSpec } from '../../sdk/host.js';
 export interface ContextMenuProps {
     spec: ListSpec;
     x: number;

package/dist/ui/menu/useChatPicker.d.ts

@@ -1,6 +1,6 @@
 import { type Dispatch, type KeyboardEvent as ReactKeyboardEvent, type ReactNode, type SetStateAction } from 'react';
-import type { PickerAction, HostCtx } from '../../types/host.js';
-import type { BindingPath } from '../../types/component-graph.js';
+import type { PickerAction, HostCtx } from '../../sdk/host.js';
+import type { BindingPath } from '../../sdk/component-graph.js';
 export interface UseChatPickerParams {
     input: string;
     setInput: Dispatch<SetStateAction<string>>;