tassello 0.2.0 → 0.4.0

package/dist/types/client/icons.d.ts

@@ -56,3 +56,36 @@ export declare const BanIcon: (props: SVGProps<SVGSVGElement>) => import("react"
 export declare const FilterIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export declare const DownloadIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export declare const ArrowDownToLineIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const DiagnosticsIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const UnfoldIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const FolderIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const FolderPlusIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const FileIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const FileTextIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const FilePlusIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const UploadIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ArrowUpIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ArrowLeftIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const HomeIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const HardDriveIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const BookmarkIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const SidebarIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const PieChartIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const InfoIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const WrapIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const LinkIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const LockIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ArchiveIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ShellIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const KeyboardIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const MaximizeIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const MinimizeIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ClipboardIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const TextSmallerIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const TextLargerIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const NetworkIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const WifiIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const WifiOffIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const EthernetIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const HotspotIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ShieldIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/types/client/sdk/index.d.ts

@@ -1,10 +1,12 @@
 export { defineWidget, definePlugin, type WidgetDefinition, type WidgetProps, type PropertySchema, type Property, type RegisteredWidget, type TasselloClientPlugin, } from '../widgets/types.ts';
-export { connection, useConnectionStatus, useTopic, useTf, useCommandState, type BehaviorTreeFileHandlers, type BehaviorTreeFileOptions, type BehaviorTreeHandlers, type BehaviorTreeOptions, type BehaviorTreePlaybackOptions, type BehaviorTreePlaybackRequest, type Connection, type ConnectionStatus, type TopicState, type TopicHandlers, type TopicOptions, type PluginStreamHandlers, type RosoutHandlers, type RosoutOptions, type StreamHandlers, type FrameInfo, type ImageOptions, type TfOptions, } from '../connection.ts';
-export { imageUrl } from '../api.ts';
+export { connection, useConnectionStatus, useTopic, useTf, useCommandState, type BehaviorTreeFileHandlers, type BehaviorTreeFileOptions, type BehaviorTreeHandlers, type BehaviorTreeOptions, type BehaviorTreePlaybackOptions, type BehaviorTreePlaybackRequest, type Connection, type ConnectionStatus, type TopicState, type TopicHandlers, type TopicOptions, type PluginStreamHandlers, type RosoutHandlers, type RosoutOptions, type DiagnosticsHandlers, type DiagnosticsOptions, type TerminalHandlers, type TerminalOptions, type StreamHandlers, type FrameInfo, type ImageOptions, type TfOptions, } from '../connection.ts';
+export { imageUrl, fsApi, ApiError, type Upload } from '../api.ts';
 export { useDialogs, Modal, type Dialogs, type ConfirmOptions, type PromptOptions } from '../dialogs.tsx';
 export { notify } from '../notifications.tsx';
 export { Joystick, type JoystickProps } from '../widgets/Joystick.tsx';
 export * from '../icons.tsx';
-export type { BehaviorTreeFile, BehaviorTreeInfo, BehaviorTreeModels, BehaviorTreePlaybackState, BehaviorTreeRecording, BehaviorTreeSaved, BehaviorTreeUpdate, BtNode, BtNodeLibrary, BtNodeState, BtTransition, CommandState, ClientMessage, LogEntry, RosoutUpdate, ServerMessage, StreamStatus, TfUpdate, Transform2D, } from '../../shared/protocol.ts';
+export type { BehaviorTreeFile, BehaviorTreeInfo, BehaviorTreeModels, BehaviorTreePlaybackState, BehaviorTreeRecording, BehaviorTreeSaved, BehaviorTreeUpdate, BtNode, BtNodeLibrary, BtNodeState, BtTransition, CommandState, ClientMessage, DiagnosticChange, DiagnosticEntry, DiagnosticsUpdate, LogEntry, NetworkUpdate, RosoutUpdate, ServerMessage, StreamStatus, TerminalExit, TerminalOutput, TfUpdate, Transform2D, } from '../../shared/protocol.ts';
 export type { BtNodeModel, BtPortModel } from '../../shared/bt_nodes.ts';
+export type { ConnectionKind, NetworkActivity, NetworkConnection, NetworkDevice, NetworkPermissions, NetworkRequest, NetworkResult, NetworkSecrets, NetworkSettings, NetworkState, WifiNetwork, WifiSecurity, } from '../../shared/networking.ts';
+export type { FsAnalysis, FsConflict, FsDetails, FsDisk, FsEntry, FsListing, FsOperation, FsPlaces, FsResult, FsSaved, FsSpace, FsText, } from '../../shared/file_manager.ts';
 export type { Panel, WidgetInstance } from '../../shared/panel.ts';

package/dist/types/shared/file_manager.d.ts

@@ -0,0 +1,130 @@
+export interface FsEntry {
+    name: string;
+    kind: 'dir' | 'file' | 'other';
+    link: string | null;
+    size: number;
+    modified: number;
+    mode: number;
+    owner: string;
+    group: string;
+    readable: boolean;
+    writable: boolean;
+    bag: boolean;
+}
+export interface FsSpace {
+    mount: string;
+    total: number;
+    free: number;
+}
+export interface FsListing {
+    path: string;
+    parent: string | null;
+    entries: FsEntry[];
+    truncated: number;
+    writable: boolean;
+    version: string;
+    space: FsSpace | null;
+}
+export interface FsPlaces {
+    home: string;
+    user: string;
+    ros: {
+        name: string;
+        path: string;
+    }[];
+}
+export interface FsDetails extends FsEntry {
+    path: string;
+    realPath: string | null;
+    created: number | null;
+    accessed: number;
+    changed: number;
+    inode: number;
+    links: number;
+    items: number | null;
+    hidden: number | null;
+    space: FsSpace | null;
+}
+export interface FsDisk extends FsSpace {
+    device: string;
+    type: string;
+    readOnly: boolean;
+    used: number;
+    inodes: {
+        total: number;
+        free: number;
+    } | null;
+}
+export interface FsAnalysis {
+    path: string;
+    size: number;
+    disk: number;
+    files: number;
+    folders: number;
+    links: number;
+    children: {
+        name: string;
+        kind: FsEntry['kind'];
+        size: number;
+        files: number;
+    }[];
+    types: {
+        type: string;
+        files: number;
+        size: number;
+    }[];
+    largest: {
+        path: string;
+        size: number;
+    }[];
+    recent: {
+        path: string;
+        modified: number;
+    }[];
+    partial: string | null;
+    unreadable: number;
+    mounts: number;
+    elapsedMs: number;
+}
+export interface FsText {
+    path: string;
+    text: string;
+    version: string;
+    stamp: string;
+    readOnly: string | null;
+}
+export interface FsSaved {
+    version: string;
+    stamp: string;
+    conflict: boolean;
+}
+export type FsConflict = 'ask' | 'skip' | 'keep-both' | 'replace';
+export type FsOperation = {
+    op: 'mkdir';
+    path: string;
+} | {
+    op: 'create';
+    path: string;
+} | {
+    op: 'rename';
+    path: string;
+    name: string;
+} | {
+    op: 'move' | 'copy';
+    paths: string[];
+    to: string;
+    conflict: FsConflict;
+} | {
+    op: 'delete';
+    paths: string[];
+} | {
+    op: 'chmod';
+    path: string;
+    mode: number;
+};
+export interface FsResult {
+    paths: string[];
+    conflicts: string[];
+}
+export declare const FS_MAX_ENTRIES = 5000;
+export declare const FS_MAX_TEXT_BYTES: number;

package/dist/types/shared/networking.d.ts

@@ -0,0 +1,178 @@
+export type WifiSecurity = 'open' | 'owe' | 'wep' | 'wpa-psk' | 'sae' | 'wpa-eap';
+export type ConnectionKind = 'wifi' | 'hotspot' | 'ethernet' | 'vpn' | 'other';
+export type EditableKind = 'wifi' | 'hotspot' | 'ethernet';
+export type Ipv4Method = 'auto' | 'manual' | 'shared' | 'disabled';
+export declare const DEVICE_UNMANAGED = 10;
+export declare const DEVICE_UNAVAILABLE = 20;
+export declare const DEVICE_DISCONNECTED = 30;
+export declare const DEVICE_ACTIVATED = 100;
+export declare const DEVICE_DEACTIVATING = 110;
+export declare const DEVICE_FAILED = 120;
+export interface NetworkDevice {
+    name: string;
+    type: string;
+    state: number;
+    stateText: string;
+    reason: string;
+    connection: string | null;
+    connectionName: string;
+    external: boolean;
+    software: boolean;
+    hwaddr: string;
+    mtu: number | null;
+    carrier: boolean | null;
+    speed: string;
+    driver: string;
+    vendor: string;
+    product: string;
+    accessPoint: boolean;
+    band24: boolean;
+    band5: boolean;
+    ipv4: string[];
+    ipv6: string[];
+    gateway: string;
+    dns: string[];
+}
+export interface NetworkConnection {
+    uuid: string;
+    name: string;
+    type: string;
+    kind: ConnectionKind;
+    interface: string;
+    autoconnect: boolean;
+    priority: number;
+    lastUsed: number | null;
+    readOnly: boolean;
+    file: string;
+    device: string | null;
+    activeState: string | null;
+    external: boolean;
+    ssid: string;
+    security: WifiSecurity | null;
+    hidden: boolean;
+    band: '' | 'a' | 'bg';
+    channel: number;
+    identity: string;
+    vpnService: string;
+    ipv4Method: string;
+    addresses: string[];
+    gateway: string;
+    dns: string[];
+}
+export interface WifiNetwork {
+    ssid: string;
+    device: string;
+    bssid: string;
+    signal: number;
+    frequency: number;
+    channel: number;
+    rate: string;
+    securityText: string;
+    security: WifiSecurity;
+    mode: string;
+    active: boolean;
+    points: number;
+}
+export interface NetworkActivity {
+    id: number;
+    action: NetworkRequest['action'];
+    label: string;
+    uuid: string | null;
+    ssid: string | null;
+    device: string | null;
+    started: number;
+    finished: number | null;
+    error: string | null;
+}
+export interface NetworkPermissions {
+    control: boolean;
+    modify: boolean;
+    wifi: boolean;
+    scan: boolean;
+    share: boolean;
+}
+export interface NetworkState {
+    error: string | null;
+    version: string;
+    state: string;
+    connectivity: string;
+    wifi: boolean;
+    wifiHardware: boolean;
+    permissions: NetworkPermissions;
+    devices: NetworkDevice[];
+    connections: NetworkConnection[];
+    networks: WifiNetwork[];
+    scanning: boolean;
+    activity: NetworkActivity[];
+}
+export interface NetworkSettings {
+    kind: EditableKind;
+    name: string;
+    interface: string;
+    autoconnect: boolean;
+    priority: number;
+    ssid: string;
+    hidden: boolean;
+    security: WifiSecurity;
+    password: string | null;
+    identity: string;
+    band: '' | 'a' | 'bg';
+    channel: number;
+    ipv4: Ipv4Method;
+    addresses: string[];
+    gateway: string;
+    dns: string[];
+}
+export type NetworkRequest = {
+    action: 'connect';
+    uuid: string;
+    device: string | null;
+    password: string | null;
+} | {
+    action: 'disconnect';
+    uuid: string;
+} | {
+    action: 'create';
+    settings: NetworkSettings;
+    connect: boolean;
+    device: string | null;
+} | {
+    action: 'modify';
+    uuid: string;
+    settings: NetworkSettings;
+} | {
+    action: 'delete';
+    uuid: string;
+} | {
+    action: 'wifi';
+    enabled: boolean;
+} | {
+    action: 'rescan';
+    device: string | null;
+} | {
+    action: 'secrets';
+    uuid: string;
+};
+export interface NetworkSecrets {
+    ssid: string;
+    security: WifiSecurity | null;
+    password: string;
+    hidden: boolean;
+}
+export interface NetworkResult {
+    uuid: string | null;
+    message: string | null;
+}
+export declare const WRONG_PASSWORD = "Wrong password, or none given";
+export declare const SECURITY_LABELS: Record<WifiSecurity, string>;
+export declare function needsPassword(security: WifiSecurity): boolean;
+export declare function isInterfaceName(name: string): boolean;
+export declare function isUuid(uuid: string): boolean;
+export declare function isIpv4(address: string): boolean;
+export declare function isIpv6(address: string): boolean;
+export declare function cidrProblem(cidr: string): string | null;
+export declare function splitList(text: string): string[];
+export declare function passwordProblem(security: WifiSecurity, password: string, hotspot?: boolean): string | null;
+export declare function settingsProblems(settings: NetworkSettings, creating: boolean): Partial<Record<keyof NetworkSettings, string>>;
+export declare function settingsOf(connection: NetworkConnection): NetworkSettings | null;
+export declare function defaultSettings(kind: EditableKind): NetworkSettings;

package/dist/types/shared/protocol.d.ts

@@ -1,4 +1,5 @@
 import type { BtNodeModel } from './bt_nodes.ts';
+import type { NetworkRequest, NetworkState } from './networking.ts';
 export type ImageTransport = 'auto' | 'raw' | 'compressed';
 export type GridStyle = 'map' | 'costmap';
 export interface TwistCommand {
@@ -192,7 +193,53 @@ export interface RosoutSubscribe {
     id: number;
     topic: string;
 }
-export type ClientMessage = TwistCommand | ImageSubscribe | GridSubscribe | TfSubscribe | PathSubscribe | TopicSubscribe | ServicesSubscribe | ServiceAction | LogsSubscribe | Unsubscribe | FrameAck | PosePublish | CommandRun | CommandStop | ArmSubscribe | ArmJog | RosPublish | RosCall | PluginRequest | PluginSubscribe | BehaviorTreeSubscribe | BehaviorTreeRecord | BehaviorTreePlaybackSubscribe | BehaviorTreePlaybackControl | BehaviorTreeFileSubscribe | BehaviorTreeFileSave | RosoutSubscribe;
+export interface DiagnosticsSubscribe {
+    type: 'diagnostics.subscribe';
+    id: number;
+    topic: string;
+}
+export interface TerminalOpen {
+    type: 'terminal.open';
+    id: number;
+    terminal: string;
+    command: string;
+    folder: string;
+    cols: number;
+    rows: number;
+    started: number | null;
+    offset: number | null;
+}
+export interface TerminalInput {
+    type: 'terminal.input';
+    id: number;
+    data: string;
+}
+export interface TerminalResize {
+    type: 'terminal.resize';
+    id: number;
+    cols: number;
+    rows: number;
+}
+export interface TerminalAck {
+    type: 'terminal.ack';
+    id: number;
+    started: number;
+    offset: number;
+}
+export interface TerminalRestart {
+    type: 'terminal.restart';
+    id: number;
+}
+export interface NetworkSubscribe {
+    type: 'network.subscribe';
+    id: number;
+}
+export interface NetworkAction {
+    type: 'network.action';
+    id: number;
+    request: NetworkRequest;
+}
+export type ClientMessage = TwistCommand | ImageSubscribe | GridSubscribe | TfSubscribe | PathSubscribe | TopicSubscribe | ServicesSubscribe | ServiceAction | LogsSubscribe | Unsubscribe | FrameAck | PosePublish | CommandRun | CommandStop | ArmSubscribe | ArmJog | RosPublish | RosCall | PluginRequest | PluginSubscribe | BehaviorTreeSubscribe | BehaviorTreeRecord | BehaviorTreePlaybackSubscribe | BehaviorTreePlaybackControl | BehaviorTreeFileSubscribe | BehaviorTreeFileSave | RosoutSubscribe | DiagnosticsSubscribe | TerminalOpen | TerminalInput | TerminalResize | TerminalAck | TerminalRestart | NetworkSubscribe | NetworkAction;
 export interface Hello {
     type: 'hello';
     clientId: string;
@@ -429,7 +476,57 @@ export interface RosoutUpdate {
     skipped: number;
     nodes: string[] | null;
 }
-export type ServerMessage = Hello | CommandStates | CommandUpdate | StreamStatus | TfUpdate | PathUpdate | TopicMessage | ServicesUpdate | ServiceResult | LogsUpdate | ArmUpdate | Result | PluginData | BehaviorTreeInfo | BehaviorTreeUpdate | BehaviorTreeRecording | BehaviorTreePlaybackState | BehaviorTreeFile | BehaviorTreeModels | RosoutUpdate | PanelsChanged | ErrorMessage;
+export interface DiagnosticEntry {
+    id: number;
+    name: string;
+    level: number;
+    message: string;
+    hardwareId: string;
+    values: {
+        key: string;
+        value: string;
+    }[];
+    stale: boolean;
+    updated: number;
+    since: number;
+}
+export interface DiagnosticChange {
+    seq: number;
+    time: number;
+    status: number;
+    level: number;
+    message: string;
+}
+export interface DiagnosticsUpdate {
+    type: 'diagnostics';
+    id: number;
+    reset: boolean;
+    started: number;
+    statuses: DiagnosticEntry[];
+    changes: DiagnosticChange[];
+}
+export interface TerminalOutput {
+    type: 'terminal.output';
+    id: number;
+    started: number;
+    offset: number;
+    reset: boolean;
+    data: string;
+    title: string | null;
+}
+export interface TerminalExit {
+    type: 'terminal.exit';
+    id: number;
+    started: number;
+    exitCode: number | null;
+}
+export interface NetworkUpdate extends NetworkState {
+    type: 'network';
+    id: number;
+    via: string | null;
+    canChange: boolean;
+}
+export type ServerMessage = Hello | CommandStates | CommandUpdate | StreamStatus | TfUpdate | PathUpdate | TopicMessage | ServicesUpdate | ServiceResult | LogsUpdate | ArmUpdate | Result | PluginData | BehaviorTreeInfo | BehaviorTreeUpdate | BehaviorTreeRecording | BehaviorTreePlaybackState | BehaviorTreeFile | BehaviorTreeModels | RosoutUpdate | DiagnosticsUpdate | TerminalOutput | TerminalExit | NetworkUpdate | PanelsChanged | ErrorMessage;
 export declare const FRAME_HEADER_BYTES = 11;
 export declare const IMAGE_FORMATS: readonly ['image/jpeg', 'image/png'];
 export interface GridInfo {
@@ -452,6 +549,10 @@ export declare const ARM_STATE_RATE = 10;
 export declare const BT_RATE = 10;
 export declare const ROSOUT_RATE = 10;
 export declare const ROSOUT_HISTORY = 10000;
+export declare const DIAGNOSTICS_RATE = 4;
+export declare const DIAGNOSTICS_CHANGES = 1000;
+export declare const TERMINAL_SCROLLBACK = 2000;
+export declare const TERMINAL_WINDOW: number;
 export declare const DASHBOARD_CLIENT_HEADER = "X-Dashboard-Client";
 export interface PluginInfo {
     name: string;

package/dist/www/assets/Joystick.js

@@ -1 +1 @@
-import{n as e}from"./rolldown-runtime.js";import{t}from"./react.js";import{it as n,lt as r,u as i}from"./icons.js";import{t as a}from"./jsx-runtime.js";async function o(e,t,i){let a=await fetch(t,{method:e,headers:{"Content-Type":`application/json`,[r]:n.clientId??``},body:i===void 0?void 0:JSON.stringify(i)});if(!a.ok){let e=`${a.status} ${a.statusText}`;try{e=(await a.json()).error??e}catch{}throw Error(e)}return a.status===204?void 0:await a.json()}var s=e=>`/api/panels/${encodeURIComponent(e)}`;async function c(e){let t=await fetch(`/api/uploads`,{method:`POST`,body:e});if(!t.ok){let e=await t.json().catch(()=>null);throw Error(e?.error??`${t.status} ${t.statusText}`)}return await t.json()}function l(e){let t=e.trim();if(t.startsWith(`uploads/`))return`/api/uploads/${encodeURIComponent(t.slice(8))}`;let n=/^package:\/\/([^/]+)\/(.+)$/.exec(t);return n?`/api/packages/${encodeURIComponent(n[1])}/${n[2].split(`/`).map(encodeURIComponent).join(`/`)}`:t.startsWith(`/`)||t.startsWith(`~/`)?`/api/files?path=${encodeURIComponent(t)}`:null}var u={listPanels:()=>o(`GET`,`/api/panels`),getPanel:e=>o(`GET`,s(e)),createPanel:e=>o(`POST`,`/api/panels`,e),savePanel:e=>o(`PUT`,s(e.id),e),deletePanel:e=>o(`DELETE`,s(e)),listTopics:()=>o(`GET`,`/api/topics`),listPlugins:()=>o(`GET`,`/api/plugins`),listFiles:(e,t=`image`)=>o(`GET`,`/api/files/list?dir=${encodeURIComponent(e)}&kind=${t}`),uploadFile:async e=>`uploads/${(await c(e)).name}`},d=e(t(),1),f=e(a(),1);function p({title:e,onClose:t,children:n,wide:r=!1,resizable:a=!1}){return(0,d.useEffect)(()=>{let e=e=>{e.key===`Escape`&&t()};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[t]),(0,f.jsx)(`div`,{className:`modal-backdrop`,onPointerDown:e=>e.target===e.currentTarget&&t(),children:(0,f.jsxs)(`div`,{className:`modal${r?` wide`:``}${a?` resizable`:``}`,role:`dialog`,"aria-modal":`true`,"aria-label":e,children:[(0,f.jsxs)(`header`,{className:`modal-header`,children:[(0,f.jsx)(`h2`,{children:e}),(0,f.jsx)(`button`,{type:`button`,className:`icon-button`,"aria-label":`Close`,onClick:t,children:(0,f.jsx)(i,{})})]}),n]})})}var m=1,h=(0,d.createContext)(null);function g(){let e=(0,d.useContext)(h);if(!e)throw Error(`useDialogs() outside of <DialogProvider>`);return e}function _({children:e}){let[t,n]=(0,d.useState)(null),r=(0,d.useMemo)(()=>({confirm:e=>new Promise(t=>n({id:m++,kind:`confirm`,resolve:t,...e})),prompt:e=>new Promise(t=>n({id:m++,kind:`prompt`,resolve:t,...e}))}),[]);return(0,f.jsxs)(h.Provider,{value:r,children:[e,t&&(0,f.jsx)(v,{request:t,onDone:()=>n(null)},t.id)]})}function v({request:e,onDone:t}){let[n,r]=(0,d.useState)(e.kind===`prompt`?e.initial??``:``),i=(0,d.useRef)(null);(0,d.useEffect)(()=>i.current?.select(),[]);let a=r=>{e.kind===`confirm`?e.resolve(r):e.resolve(r&&n.trim()?n.trim():null),t()};return(0,f.jsx)(p,{title:e.title,onClose:()=>a(!1),children:(0,f.jsxs)(`form`,{className:`modal-body`,onSubmit:e=>{e.preventDefault(),a(!0)},children:[e.kind===`confirm`?e.message&&(0,f.jsx)(`div`,{className:`dialog-message`,children:e.message}):(0,f.jsxs)(`label`,{className:`field`,children:[(0,f.jsx)(`span`,{className:`field-label`,children:e.label}),(0,f.jsx)(`input`,{ref:i,value:n,onChange:e=>r(e.target.value),autoFocus:!0})]}),(0,f.jsxs)(`div`,{className:`modal-actions`,children:[(0,f.jsx)(`button`,{type:`button`,className:`button`,onClick:()=>a(!1),children:`Cancel`}),(0,f.jsx)(`button`,{type:`submit`,className:`button ${e.kind===`confirm`&&e.danger?`danger`:`primary`}`,disabled:e.kind===`prompt`&&!n.trim(),autoFocus:e.kind===`confirm`,children:e.confirmLabel??`OK`})]})]})})}var y=5e3,b=[],x=1,S=new Set;function C(e){b=e,S.forEach(e=>e())}function w(e){C(b.filter(t=>t.id!==e))}function T(e,t=`info`,n){let r=x++;C([...b.filter(t=>t.message!==e),{id:r,message:e,kind:t,action:n}].slice(-4)),setTimeout(()=>w(r),y)}function E(e){return S.add(e),()=>S.delete(e)}function D(){let e=(0,d.useSyncExternalStore)(E,()=>b);return(0,f.jsx)(`div`,{className:`notifications`,role:`status`,"aria-live":`polite`,children:e.map(e=>(0,f.jsxs)(`div`,{className:`notification ${e.kind}`,children:[(0,f.jsx)(`span`,{children:e.message}),e.action&&(0,f.jsx)(`button`,{type:`button`,className:`link-button`,onClick:()=>{e.action?.run(),w(e.id)},children:e.action.label}),(0,f.jsx)(`button`,{type:`button`,className:`notification-close`,"aria-label":`Dismiss`,onClick:()=>w(e.id),children:`×`})]},e.id))})}function O(e){return e}function k(e){return e}var A=34,j=.08;function M(e){let t=Math.abs(e);return t<j?0:Math.sign(e)*(t-j)/.92}function N({axes:e,onMove:t,disabled:n,label:r}){let i=(0,d.useRef)(null),a=(0,d.useRef)(null),[o,s]=(0,d.useState)({x:0,y:0}),[c,l]=(0,d.useState)(!1),u=(0,d.useRef)(t);u.current=t;let p=(e,t)=>{s({x:e,y:t}),u.current(M(e),M(t))},m=t=>{let n=i.current.getBoundingClientRect(),r=n.width*A/100,a=e===`y`?0:(t.clientX-(n.left+n.width/2))/r,o=e===`x`?0:-(t.clientY-(n.top+n.height/2))/r,s=Math.hypot(a,o);s>1&&(a/=s,o/=s),p(a,o)},h=e=>{a.current===null||e&&e.pointerId!==a.current||(a.current=null,l(!1),p(0,0))},g=(0,d.useRef)(h);return g.current=h,(0,d.useEffect)(()=>{let e=()=>document.hidden&&g.current();return document.addEventListener(`visibilitychange`,e),()=>document.removeEventListener(`visibilitychange`,e)},[]),(0,d.useEffect)(()=>{n&&g.current()},[n]),(0,f.jsxs)(`div`,{className:`joystick-slot`,children:[(0,f.jsxs)(`div`,{ref:i,className:`joystick${e===`x`?` horizontal`:e===`y`?` vertical`:``}${c?` active`:``}${n?` disabled`:``}`,onPointerDown:e=>{n||a.current!==null||e.button!==0||(a.current=e.pointerId,l(!0),e.currentTarget.setPointerCapture(e.pointerId),m(e))},onPointerMove:e=>e.pointerId===a.current&&m(e),onPointerUp:h,onPointerCancel:h,onLostPointerCapture:h,children:[(0,f.jsx)(`div`,{className:`joystick-track`}),(0,f.jsx)(`div`,{className:`joystick-knob`,style:{left:`${50+o.x*A}%`,top:`${50-o.y*A}%`}})]}),(0,f.jsx)(`span`,{className:`joystick-label`,children:r})]})}export{T as a,g as c,D as i,u as l,k as n,_ as o,O as r,p as s,N as t,l as u};
+import{n as e}from"./rolldown-runtime.js";import{t}from"./react.js";import{Ht as n,Lt as r}from"./icons.js";import{t as i}from"./jsx-runtime.js";var a=class extends Error{status;constructor(e,t){super(t),this.status=e}};async function o(e,t,i){let o=await fetch(t,{method:e,headers:{"Content-Type":`application/json`,[n]:r.clientId??``},body:i===void 0?void 0:JSON.stringify(i)});if(!o.ok){let e=`${o.status} ${o.statusText}`;try{e=(await o.json()).error??e}catch{}throw new a(o.status,e)}return o.status===204?void 0:await o.json()}var s=e=>`/api/panels/${encodeURIComponent(e)}`;async function c(e){let t=await fetch(`/api/uploads`,{method:`POST`,body:e});if(!t.ok){let e=await t.json().catch(()=>null);throw Error(e?.error??`${t.status} ${t.statusText}`)}return await t.json()}function l(e){let t=e.trim();if(t.startsWith(`uploads/`))return`/api/uploads/${encodeURIComponent(t.slice(8))}`;let n=/^package:\/\/([^/]+)\/(.+)$/.exec(t);return n?`/api/packages/${encodeURIComponent(n[1])}/${n[2].split(`/`).map(encodeURIComponent).join(`/`)}`:t.startsWith(`/`)||t.startsWith(`~/`)?`/api/files?path=${encodeURIComponent(t)}`:null}var u={listPanels:()=>o(`GET`,`/api/panels`),getPanel:e=>o(`GET`,s(e)),createPanel:e=>o(`POST`,`/api/panels`,e),savePanel:e=>o(`PUT`,s(e.id),e),deletePanel:e=>o(`DELETE`,s(e)),listTopics:()=>o(`GET`,`/api/topics`),listPlugins:()=>o(`GET`,`/api/plugins`),listFiles:(e,t=`image`)=>o(`GET`,`/api/files/list?dir=${encodeURIComponent(e)}&kind=${t}`),uploadFile:async e=>`uploads/${(await c(e)).name}`};function d(e,t={}){let n=new URLSearchParams;for(let[e,r]of Object.entries(t))for(let t of r==null?[]:[r].flat())n.append(e,t);let r=n.toString();return`/api/fs/${e}${r?`?${r}`:``}`}var f={places:()=>o(`GET`,d(`places`)),list:(e,t)=>o(`GET`,d(`list`,{path:e,known:t})),details:e=>o(`GET`,d(`details`,{path:e})),disks:()=>o(`GET`,d(`disks`)),analyze:e=>o(`GET`,d(`analysis`,{path:e})),readText:(e,t)=>o(`GET`,d(`text`,{path:e,stamp:t})),saveText:(e,t,n,r=!1)=>o(`PUT`,d(`text`),{path:e,text:t,base:n,create:r}),operate:e=>o(`POST`,d(`op`),e),downloadUrl:e=>d(`download`,{path:e}),viewUrl:(e,t)=>d(`view`,{path:e,v:t}),upload(e,t,i,a,o){let s=new XMLHttpRequest;return{result:new Promise((c,l)=>{s.open(`POST`,d(`upload`,{path:e,name:t,conflict:a})),s.setRequestHeader(n,r.clientId??``),s.upload.onprogress=e=>o(e.loaded),s.onload=()=>{let e=null;try{e=JSON.parse(s.responseText)}catch{}s.status>=200&&s.status<300&&e?c(e):l(Error(e?.error??`${s.status} ${s.statusText}`))},s.onerror=()=>l(Error(`Cannot reach the robot`)),s.onabort=()=>l(new DOMException(`Cancelled`,`AbortError`)),s.send(i)}),abort:()=>s.abort()}}},p=e(t(),1),m=e(i(),1),h=5e3,g=[],_=1,v=new Set;function y(e){g=e,v.forEach(e=>e())}function b(e){y(g.filter(t=>t.id!==e))}function x(e,t=`info`,n){let r=_++;y([...g.filter(t=>t.message!==e),{id:r,message:e,kind:t,action:n}].slice(-4)),setTimeout(()=>b(r),h)}function S(e){return v.add(e),()=>v.delete(e)}function C(){let e=(0,p.useSyncExternalStore)(S,()=>g);return(0,m.jsx)(`div`,{className:`notifications`,role:`status`,"aria-live":`polite`,children:e.map(e=>(0,m.jsxs)(`div`,{className:`notification ${e.kind}`,children:[(0,m.jsx)(`span`,{children:e.message}),e.action&&(0,m.jsx)(`button`,{type:`button`,className:`link-button`,onClick:()=>{e.action?.run(),b(e.id)},children:e.action.label}),(0,m.jsx)(`button`,{type:`button`,className:`notification-close`,"aria-label":`Dismiss`,onClick:()=>b(e.id),children:`×`})]},e.id))})}function w(e){return e}function T(e){return e}var E=34,D=.08;function O(e){let t=Math.abs(e);return t<D?0:Math.sign(e)*(t-D)/.92}function k({axes:e,onMove:t,disabled:n,label:r}){let i=(0,p.useRef)(null),a=(0,p.useRef)(null),[o,s]=(0,p.useState)({x:0,y:0}),[c,l]=(0,p.useState)(!1),u=(0,p.useRef)(t);u.current=t;let d=(e,t)=>{s({x:e,y:t}),u.current(O(e),O(t))},f=t=>{let n=i.current.getBoundingClientRect(),r=n.width*E/100,a=e===`y`?0:(t.clientX-(n.left+n.width/2))/r,o=e===`x`?0:-(t.clientY-(n.top+n.height/2))/r,s=Math.hypot(a,o);s>1&&(a/=s,o/=s),d(a,o)},h=e=>{a.current===null||e&&e.pointerId!==a.current||(a.current=null,l(!1),d(0,0))},g=(0,p.useRef)(h);return g.current=h,(0,p.useEffect)(()=>{let e=()=>document.hidden&&g.current();return document.addEventListener(`visibilitychange`,e),()=>document.removeEventListener(`visibilitychange`,e)},[]),(0,p.useEffect)(()=>{n&&g.current()},[n]),(0,m.jsxs)(`div`,{className:`joystick-slot`,children:[(0,m.jsxs)(`div`,{ref:i,className:`joystick${e===`x`?` horizontal`:e===`y`?` vertical`:``}${c?` active`:``}${n?` disabled`:``}`,onPointerDown:e=>{n||a.current!==null||e.button!==0||(a.current=e.pointerId,l(!0),e.currentTarget.setPointerCapture(e.pointerId),f(e))},onPointerMove:e=>e.pointerId===a.current&&f(e),onPointerUp:h,onPointerCancel:h,onLostPointerCapture:h,children:[(0,m.jsx)(`div`,{className:`joystick-track`}),(0,m.jsx)(`div`,{className:`joystick-knob`,style:{left:`${50+o.x*E}%`,top:`${50-o.y*E}%`}})]}),(0,m.jsx)(`span`,{className:`joystick-label`,children:r})]})}export{x as a,f as c,C as i,l,T as n,a as o,w as r,u as s,k as t};