@hanzo/ui 8.27.9 → 8.27.11

package/dist/backends/gui/tags.cjs

@@ -0,0 +1,22 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tags = Tags;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Tags — a wrapping row of removable labels, built on `Badge`.
+ *
+ * Each entry is a plain `{ id, label }`; passing `onRemove` grows the badge a
+ * close button that reports which entry was pressed. The list carries no
+ * state of its own — whether an entry actually leaves is the caller's call,
+ * same contract as `Banner`'s `onClose`.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const badge_1 = require("./badge.cjs");
+const slot_1 = require("./slot.cjs");
+const gesture_1 = require("./gesture.cjs");
+const REMOVE = 16;
+function Tags({ tags, onRemove, variant = 'default', ...props }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('tags'), flexWrap: "wrap", gap: "$2", ...props, children: tags.map((tag) => ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: variant, children: [tag.label, onRemove ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('tags-remove'), render: "button", ...{ type: 'button' }, rounded: "$10", items: "center", justify: "center", cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1, bg: '$hover' }, ...(0, gesture_1.touch)(REMOVE), "aria-label": `Remove ${tag.label}`, onPress: () => onRemove(tag.id), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 12 }) })) : null] }, tag.id))) }));
+}

package/dist/backends/gui/tags.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Tags — a wrapping row of removable labels, built on `Badge`.
+ *
+ * Each entry is a plain `{ id, label }`; passing `onRemove` grows the badge a
+ * close button that reports which entry was pressed. The list carries no
+ * state of its own — whether an entry actually leaves is the caller's call,
+ * same contract as `Banner`'s `onClose`.
+ */
+import { XStack } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+import { type BadgeVariant } from './badge.js';
+export type Tag = {
+    id: string;
+    label: string;
+};
+export type TagsProps = Omit<ComponentProps<typeof XStack>, 'children'> & {
+    tags: Tag[];
+    onRemove?: (id: string) => void;
+    variant?: BadgeVariant | null;
+};
+export declare function Tags({ tags, onRemove, variant, ...props }: TagsProps): import("react").JSX.Element;
+//# sourceMappingURL=tags.d.ts.map

package/dist/backends/gui/tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/tags.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAIlD,MAAM,MAAM,GAAG,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;CAC9B,CAAA;AAID,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BA4BhF"}

package/dist/backends/gui/tags.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Tags — a wrapping row of removable labels, built on `Badge`.
+ *
+ * Each entry is a plain `{ id, label }`; passing `onRemove` grows the badge a
+ * close button that reports which entry was pressed. The list carries no
+ * state of its own — whether an entry actually leaves is the caller's call,
+ * same contract as `Banner`'s `onClose`.
+ */
+import { XStack } from '@hanzo/gui';
+import { X } from '@hanzogui/lucide-icons-2';
+import { Badge } from './badge.js';
+import { slot } from './slot.js';
+import { touch } from './gesture.js';
+const REMOVE = 16;
+export function Tags({ tags, onRemove, variant = 'default', ...props }) {
+    return (_jsx(XStack, { ...slot('tags'), flexWrap: "wrap", gap: "$2", ...props, children: tags.map((tag) => (_jsxs(Badge, { variant: variant, children: [tag.label, onRemove ? (_jsx(XStack, { ...slot('tags-remove'), render: "button", ...{ type: 'button' }, rounded: "$10", items: "center", justify: "center", cursor: "pointer", opacity: 0.7, hoverStyle: { opacity: 1, bg: '$hover' }, ...touch(REMOVE), "aria-label": `Remove ${tag.label}`, onPress: () => onRemove(tag.id), children: _jsx(X, { size: 12 }) })) : null] }, tag.id))) }));
+}
+//# sourceMappingURL=tags.js.map

package/dist/backends/gui/tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../../src/backends/gui/tags.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;GAOG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAE5C,OAAO,EAAE,KAAK,EAAqB,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAajC,MAAM,MAAM,GAAG,EAAE,CAAA;AAEjB,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,EAAa;IAC/E,OAAO,CACL,KAAC,MAAM,OAAK,IAAI,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,KAAK,KAAK,YACzD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,MAAC,KAAK,IAAc,OAAO,EAAE,OAAO,aACjC,GAAG,CAAC,KAAK,EACT,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,OACD,IAAI,CAAC,aAAa,CAAC,EACvB,MAAM,EAAC,QAAQ,KACV,EAAE,IAAI,EAAE,QAAQ,EAAa,EAClC,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KACpC,KAAK,CAAC,MAAM,CAAC,gBACL,UAAU,GAAG,CAAC,KAAK,EAAE,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,YAE/B,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,CAAC,CAAC,CAAC,IAAI,KAnBE,GAAG,CAAC,EAAE,CAoBV,CACT,CAAC,GACK,CACV,CAAA;AACH,CAAC"}

package/dist/backends/gui/technical-analysis.cjs

@@ -0,0 +1,58 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TechnicalAnalysis = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * TechnicalAnalysis — TradingView's technical-indicator summary for one
+ * symbol, in a gui frame.
+ *
+ * The gauges and the moving-average/oscillator tables are TradingView's own,
+ * drawn inside TradingView's document, so this is an `<iframe>` and nothing
+ * here computes an indicator. What this owns is the frame around it and the
+ * settings the widget opens with — symbol, interval, theme, the interval
+ * tabs, the single/multiple layout — written into the iframe's address the
+ * way TradingView's own embed script writes them:
+ * `/embed-widget/technical-analysis/?locale=…#<settings as JSON>`. Nothing is
+ * fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the widget arrives.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a new `symbol` would change the URL and leave the old
+ * widget on screen.
+ */
+const gui_1 = require("@hanzo/gui");
+const slot_1 = require("./slot.cjs");
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/technical-analysis/?locale=en#';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ symbol = 'NASDAQ:AAPL', interval = '1D', width = '100%', height = 450, locale = 'en', colorTheme = 'dark', isTransparent = false, showIntervalTabs = true, displayMode = 'single', }) => ({
+    symbol,
+    interval,
+    width,
+    height,
+    locale,
+    colorTheme,
+    isTransparent,
+    showIntervalTabs,
+    displayMode,
+});
+const TechnicalAnalysis = ({ symbol, interval, width, height, locale, colorTheme, isTransparent, showIntervalTabs, displayMode, ...props }) => {
+    const s = settings({
+        symbol,
+        interval,
+        width,
+        height,
+        locale,
+        colorTheme,
+        isTransparent,
+        showIntervalTabs,
+        displayMode,
+    });
+    const src = EMBED + encodeURIComponent(JSON.stringify(s));
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('technical-analysis'), "data-symbol": s.symbol, "data-interval": s.interval, 
+        // The documented size is TradingView's — a number or a percent string —
+        // and gui declares a narrower one; on web both reach CSS as written.
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: gui_1.isWeb && ((0, jsx_runtime_1.jsx)("iframe", { src: src, title: `${s.symbol} technical analysis`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+exports.TechnicalAnalysis = TechnicalAnalysis;

package/dist/backends/gui/technical-analysis.d.ts

@@ -0,0 +1,41 @@
+/**
+ * TechnicalAnalysis — TradingView's technical-indicator summary for one
+ * symbol, in a gui frame.
+ *
+ * The gauges and the moving-average/oscillator tables are TradingView's own,
+ * drawn inside TradingView's document, so this is an `<iframe>` and nothing
+ * here computes an indicator. What this owns is the frame around it and the
+ * settings the widget opens with — symbol, interval, theme, the interval
+ * tabs, the single/multiple layout — written into the iframe's address the
+ * way TradingView's own embed script writes them:
+ * `/embed-widget/technical-analysis/?locale=…#<settings as JSON>`. Nothing is
+ * fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the widget arrives.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a new `symbol` would change the URL and leave the old
+ * widget on screen.
+ */
+import { type YStackProps } from '@hanzo/gui';
+export type TechnicalAnalysisInterval = '1m' | '5m' | '15m' | '30m' | '1h' | '2h' | '4h' | '1D' | '1W' | '1M';
+export type TechnicalAnalysisTheme = 'light' | 'dark';
+export type TechnicalAnalysisDisplayMode = 'single' | 'multiple';
+export interface TechnicalAnalysisProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {
+    /** The symbol to analyze, exchange-qualified. */
+    symbol?: string;
+    /** Minutes, hours, or a day/week/month per analysis window. */
+    interval?: TechnicalAnalysisInterval;
+    width?: string | number;
+    height?: string | number;
+    locale?: string;
+    /** The widget's own palette; independent of the surrounding gui theme. */
+    colorTheme?: TechnicalAnalysisTheme;
+    isTransparent?: boolean;
+    showIntervalTabs?: boolean;
+    /** One summary gauge, or the full oscillators/moving-averages breakdown. */
+    displayMode?: TechnicalAnalysisDisplayMode;
+}
+declare const TechnicalAnalysis: ({ symbol, interval, width, height, locale, colorTheme, isTransparent, showIntervalTabs, displayMode, ...props }: TechnicalAnalysisProps) => import("react").JSX.Element;
+export { TechnicalAnalysis };
+//# sourceMappingURL=technical-analysis.d.ts.map

package/dist/backends/gui/technical-analysis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"technical-analysis.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/technical-analysis.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAG5D,MAAM,MAAM,yBAAyB,GACjC,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAA;AAER,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,MAAM,CAAA;AACrD,MAAM,MAAM,4BAA4B,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEhE,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7F,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,yBAAyB,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,4BAA4B,CAAA;CAC3C;AA2BD,QAAA,MAAM,iBAAiB,oHAWpB,sBAAsB,gCAuCxB,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/backends/gui/technical-analysis.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * TechnicalAnalysis — TradingView's technical-indicator summary for one
+ * symbol, in a gui frame.
+ *
+ * The gauges and the moving-average/oscillator tables are TradingView's own,
+ * drawn inside TradingView's document, so this is an `<iframe>` and nothing
+ * here computes an indicator. What this owns is the frame around it and the
+ * settings the widget opens with — symbol, interval, theme, the interval
+ * tabs, the single/multiple layout — written into the iframe's address the
+ * way TradingView's own embed script writes them:
+ * `/embed-widget/technical-analysis/?locale=…#<settings as JSON>`. Nothing is
+ * fetched or injected at mount, so the markup is the same on the server and
+ * in the browser, and the frame has its height before the widget arrives.
+ *
+ * The iframe is keyed on that address. A browser treats a `src` that differs
+ * only in its fragment as a same-document navigation and does not reload, so
+ * without the key a new `symbol` would change the URL and leave the old
+ * widget on screen.
+ */
+import { YStack, isWeb } from '@hanzo/gui';
+import { slot } from './slot.js';
+const EMBED = 'https://www.tradingview-widget.com/embed-widget/technical-analysis/?locale=en#';
+/** The settings TradingView reads, with the documented defaults filled in. */
+const settings = ({ symbol = 'NASDAQ:AAPL', interval = '1D', width = '100%', height = 450, locale = 'en', colorTheme = 'dark', isTransparent = false, showIntervalTabs = true, displayMode = 'single', }) => ({
+    symbol,
+    interval,
+    width,
+    height,
+    locale,
+    colorTheme,
+    isTransparent,
+    showIntervalTabs,
+    displayMode,
+});
+const TechnicalAnalysis = ({ symbol, interval, width, height, locale, colorTheme, isTransparent, showIntervalTabs, displayMode, ...props }) => {
+    const s = settings({
+        symbol,
+        interval,
+        width,
+        height,
+        locale,
+        colorTheme,
+        isTransparent,
+        showIntervalTabs,
+        displayMode,
+    });
+    const src = EMBED + encodeURIComponent(JSON.stringify(s));
+    return (_jsx(YStack, { ...slot('technical-analysis'), "data-symbol": s.symbol, "data-interval": s.interval, 
+        // The documented size is TradingView's — a number or a percent string —
+        // and gui declares a narrower one; on web both reach CSS as written.
+        width: s.width, height: s.height, overflow: "hidden", position: "relative", bg: "$panel", ...props, children: isWeb && (_jsx("iframe", { src: src, title: `${s.symbol} technical analysis`, loading: "lazy", scrolling: "no", style: { display: 'block', width: '100%', height: '100%', border: 0 } }, src)) }));
+};
+export { TechnicalAnalysis };
+//# sourceMappingURL=technical-analysis.js.map

package/dist/backends/gui/technical-analysis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"technical-analysis.js","sourceRoot":"","sources":["../../../src/backends/gui/technical-analysis.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,EAAoB,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAiC7B,MAAM,KAAK,GAAG,gFAAgF,CAAA;AAE9F,8EAA8E;AAC9E,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,GAAG,aAAa,EACtB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,MAAM,EACnB,aAAa,GAAG,KAAK,EACrB,gBAAgB,GAAG,IAAI,EACvB,WAAW,GAAG,QAAQ,GACC,EAAE,EAAE,CAAC,CAAC;IAC7B,MAAM;IACN,QAAQ;IACR,KAAK;IACL,MAAM;IACN,MAAM;IACN,UAAU;IACV,aAAa;IACb,gBAAgB;IAChB,WAAW;CACZ,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EACN,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,GAAG,KAAK,EACe,EAAE,EAAE;IAC3B,MAAM,CAAC,GAAG,QAAQ,CAAC;QACjB,MAAM;QACN,QAAQ;QACR,KAAK;QACL,MAAM;QACN,MAAM;QACN,UAAU;QACV,aAAa;QACb,gBAAgB;QAChB,WAAW;KACZ,CAAC,CAAA;IACF,MAAM,GAAG,GAAG,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,oBAAoB,CAAC,iBACjB,CAAC,CAAC,MAAM,mBACN,CAAC,CAAC,QAAQ;QACzB,wEAAwE;QACxE,qEAAqE;QACrE,KAAK,EAAE,CAAC,CAAC,KAA6B,EACtC,MAAM,EAAE,CAAC,CAAC,MAA+B,EACzC,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,QAAQ,KACP,KAAK,YAER,KAAK,IAAI,CACR,iBAEE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,qBAAqB,EACvC,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,IAAI,EACd,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,IALhE,GAAG,CAMR,CACH,GACM,CACV,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/backends/gui/terminal.cjs

@@ -0,0 +1,266 @@
+'use client';"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Terminal = Terminal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Terminal — an emulated shell: a title bar, a scrolling command history, and
+ * one input line. Enter runs a line through `onCommand` (after the built-ins
+ * `clear`, `help`, `date`, `echo …`); arrow keys walk the command history; Tab
+ * completes from `autoCompleteCommands`; hovering a past command reveals a
+ * button that copies it. Four literal palettes (`dark`, `light`, `matrix`,
+ * `dracula`) paint the surface — a terminal's colours are the emulator's own,
+ * not the host app's theme — and a small set of syntax rules colour strings,
+ * keywords, numbers and flags in every line.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const React = __importStar(require("react"));
+const slot_1 = require("./slot.cjs");
+const DEFAULT_COMMANDS = ['help', 'clear', 'exit', 'ls', 'cd', 'pwd', 'echo', 'date', 'whoami'];
+const PALETTE = {
+    dark: {
+        bg: '#111827',
+        fg: '#f3f4f6',
+        prompt: '#4ade80',
+        input: '#ffffff',
+        output: '#d1d5db',
+        error: '#f87171',
+        success: '#4ade80',
+        info: '#60a5fa',
+        border: '#1f2937',
+    },
+    light: {
+        bg: '#ffffff',
+        fg: '#111827',
+        prompt: '#2563eb',
+        input: '#111827',
+        output: '#374151',
+        error: '#dc2626',
+        success: '#16a34a',
+        info: '#2563eb',
+        border: '#e5e7eb',
+    },
+    matrix: {
+        bg: '#000000',
+        fg: '#4ade80',
+        prompt: '#22c55e',
+        input: '#86efac',
+        output: '#4ade80',
+        error: '#ef4444',
+        success: '#a3e635',
+        info: '#22d3ee',
+        border: '#14532d',
+    },
+    dracula: {
+        bg: '#282a36',
+        fg: '#f8f8f2',
+        prompt: '#50fa7b',
+        input: '#f8f8f2',
+        output: '#6272a4',
+        error: '#ff5555',
+        success: '#50fa7b',
+        info: '#8be9fd',
+        border: '#44475a',
+    },
+};
+/** One colour rule per syntax class, matched left to right, first pattern wins. */
+const SYNTAX = [
+    { regex: /"[^"]*"|'[^']*'/, color: '#facc15' },
+    { regex: /\b(?:true|false|null|undefined)\b/, color: '#fb923c' },
+    { regex: /\b\d+\b/, color: '#c084fc' },
+    { regex: /\b(?:function|const|let|var|if|else|for|while|return)\b/, color: '#f472b6' },
+    { regex: /--?\w+/, color: '#22d3ee' },
+];
+const COMBINED = /* @__PURE__ */ new RegExp(SYNTAX.map((s) => `(${s.regex.source})`).join('|'), 'g');
+/** Colours a line's strings, keywords, numbers and flags; everything else passes through. */
+const highlight = (text) => {
+    const parts = [];
+    let last = 0;
+    let key = 0;
+    for (const match of text.matchAll(COMBINED)) {
+        const start = match.index ?? 0;
+        if (start > last)
+            parts.push(text.slice(last, start));
+        const group = match.slice(1).findIndex((g) => g !== undefined);
+        parts.push((0, jsx_runtime_1.jsx)("span", { style: { color: SYNTAX[group]?.color }, children: match[0] }, key++));
+        last = start + match[0].length;
+    }
+    if (last < text.length)
+        parts.push(text.slice(last));
+    return parts.length ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: parts }) : text;
+};
+const outputColor = (type, palette) => type === 'error' ? palette.error : type === 'success' ? palette.success : type === 'info' ? palette.info : palette.output;
+function Terminal({ prompt = '$', initialCommands = [], onCommand, theme = 'dark', enableHistory = true, enableAutoComplete = true, autoCompleteCommands = DEFAULT_COMMANDS, maxHistorySize = 50, ...props }) {
+    const [lines, setLines] = React.useState(initialCommands);
+    const [value, setValue] = React.useState('');
+    const [historyIndex, setHistoryIndex] = React.useState(-1);
+    const [history, setHistory] = React.useState([]);
+    const [suggestions, setSuggestions] = React.useState([]);
+    const [suggestionIndex, setSuggestionIndex] = React.useState(0);
+    const [copied, setCopied] = React.useState(null);
+    const scroller = React.useRef(null);
+    const field = React.useRef(null);
+    const palette = PALETTE[theme];
+    React.useEffect(() => {
+        const el = scroller.current;
+        if (el)
+            el.scrollTop = el.scrollHeight;
+    }, [lines]);
+    React.useEffect(() => {
+        if (enableAutoComplete && value) {
+            const matches = autoCompleteCommands.filter((cmd) => cmd.toLowerCase().startsWith(value.toLowerCase()));
+            setSuggestions(matches);
+            setSuggestionIndex(0);
+        }
+        else {
+            setSuggestions([]);
+        }
+    }, [value, enableAutoComplete, autoCompleteCommands]);
+    const run = React.useCallback(async (raw) => {
+        const text = raw.trim();
+        if (!text)
+            return;
+        const line = {
+            id: `${Date.now()}-${Math.random().toString(36).slice(2)}`,
+            input: raw,
+            output: '',
+            timestamp: new Date(),
+            type: 'command',
+        };
+        if (text.toLowerCase() === 'clear') {
+            setLines([]);
+            setValue('');
+            return;
+        }
+        if (text.toLowerCase() === 'help') {
+            line.output = ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.output }, children: "Available commands:" }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { pl: "$4", gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.output }, children: "\u2022 clear - Clear the terminal" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.output }, children: "\u2022 help - Show this help message" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.output }, children: "\u2022 date - Show current date and time" }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.output }, children: "\u2022 echo [text] - Print text to terminal" }), autoCompleteCommands.map((cmd) => ((0, jsx_runtime_1.jsxs)(gui_1.SizableText, { style: { color: palette.output }, children: ["\u2022 ", cmd] }, cmd)))] })] }));
+            line.type = 'info';
+        }
+        else if (text.toLowerCase() === 'date') {
+            line.output = new Date().toString();
+            line.type = 'success';
+        }
+        else if (text.toLowerCase().startsWith('echo ')) {
+            line.output = text.slice(5);
+            line.type = 'success';
+        }
+        else if (onCommand) {
+            try {
+                line.output = await onCommand(text);
+                line.type = 'success';
+            }
+            catch (error) {
+                line.output = `Error: ${error instanceof Error ? error.message : String(error)}`;
+                line.type = 'error';
+            }
+        }
+        else {
+            line.output = `Command not found: ${text}`;
+            line.type = 'error';
+        }
+        setLines((prev) => [...prev, line]);
+        if (enableHistory) {
+            setHistory((prev) => [raw, ...prev.filter((cmd) => cmd !== raw)].slice(0, maxHistorySize));
+        }
+        setValue('');
+        setHistoryIndex(-1);
+        setSuggestions([]);
+    }, [onCommand, enableHistory, maxHistorySize, autoCompleteCommands, palette.output]);
+    const onKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            run(value);
+        }
+        else if (e.key === 'ArrowUp' && enableHistory) {
+            e.preventDefault();
+            if (historyIndex < history.length - 1) {
+                const next = historyIndex + 1;
+                setHistoryIndex(next);
+                setValue(history[next]);
+            }
+        }
+        else if (e.key === 'ArrowDown' && enableHistory) {
+            e.preventDefault();
+            if (historyIndex > 0) {
+                const next = historyIndex - 1;
+                setHistoryIndex(next);
+                setValue(history[next]);
+            }
+            else if (historyIndex === 0) {
+                setHistoryIndex(-1);
+                setValue('');
+            }
+        }
+        else if (e.key === 'Tab' && suggestions.length > 0) {
+            e.preventDefault();
+            const suggestion = suggestions[suggestionIndex];
+            if (suggestion) {
+                setValue(suggestion);
+                setSuggestions([]);
+            }
+        }
+        else if (e.key === 'Escape') {
+            setSuggestions([]);
+            setSuggestionIndex(0);
+        }
+    };
+    const copy = async (text) => {
+        try {
+            await navigator.clipboard.writeText(text);
+            setCopied(text);
+            setTimeout(() => setCopied((c) => (c === text ? null : c)), 2000);
+        }
+        catch {
+            // No clipboard permission — nothing to copy with.
+        }
+    };
+    const onPaste = async () => {
+        try {
+            const text = await navigator.clipboard.readText();
+            setValue((prev) => prev + text);
+            field.current?.focus();
+        }
+        catch {
+            // No clipboard permission — the browser's own paste still lands in the field.
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ref: scroller, ...(0, slot_1.slot)('terminal'), "data-theme": theme, rounded: "$3", borderWidth: 1, p: "$4", overflow: "scroll", style: { backgroundColor: palette.bg, borderColor: palette.border }, onClick: () => field.current?.focus(), onPaste: onPaste, ...props, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('terminal-header'), items: "center", gap: "$2", mb: "$4", children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 12, height: 12, rounded: 999, style: { backgroundColor: '#ef4444' } }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 12, height: 12, rounded: 999, style: { backgroundColor: '#eab308' } }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 12, height: 12, rounded: 999, style: { backgroundColor: '#22c55e' } }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", opacity: 0.5, ml: "$2", style: { color: palette.fg }, children: "terminal" })] }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('terminal-history'), gap: "$2", children: lines.map((line) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('terminal-command'), children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "flex-start", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.prompt }, children: prompt }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { flex: 1, style: { color: palette.input }, children: highlight(line.input) }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('terminal-copy'), cursor: "pointer", opacity: 0.5, hoverStyle: { opacity: 1 }, "aria-label": "Copy command", onPress: () => copy(line.input), children: copied === line.input ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 12 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Copy, { size: 12 }) })] }), line.output !== '' && line.output != null && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { pl: "$4", mt: "$1", children: typeof line.output === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: outputColor(line.type, palette) }, children: highlight(line.output) })) : (line.output) }))] }, line.id))) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('terminal-input-row'), position: "relative", mt: "$2", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.prompt }, children: prompt }), (0, jsx_runtime_1.jsx)(gui_1.Input, { ref: field, ...(0, slot_1.slot)('terminal-input'), unstyled: true, flex: 1, value: value, onChangeText: setValue, onKeyDown: onKeyDown, spellCheck: false, autoComplete: "off", "aria-label": "Terminal input", style: { color: palette.input, background: 'transparent', border: 'none', outline: 'none' } })] }), suggestions.length > 0 && ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('terminal-suggestions'), position: "absolute", l: 0, t: "100%", mt: "$1", rounded: "$2", borderWidth: 1, p: "$1", z: 10, style: { backgroundColor: palette.bg, borderColor: palette.border }, children: suggestions.map((suggestion, index) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('terminal-suggestion'), "data-active": index === suggestionIndex, rounded: "$1", px: "$2", py: "$1", cursor: "pointer", style: { backgroundColor: index === suggestionIndex ? palette.border : 'transparent' }, onPress: () => {
+                                setValue(suggestion);
+                                setSuggestions([]);
+                                field.current?.focus();
+                            }, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { style: { color: palette.fg }, children: suggestion }) }, suggestion))) }))] })] }));
+}

package/dist/backends/gui/terminal.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Terminal — an emulated shell: a title bar, a scrolling command history, and
+ * one input line. Enter runs a line through `onCommand` (after the built-ins
+ * `clear`, `help`, `date`, `echo …`); arrow keys walk the command history; Tab
+ * completes from `autoCompleteCommands`; hovering a past command reveals a
+ * button that copies it. Four literal palettes (`dark`, `light`, `matrix`,
+ * `dracula`) paint the surface — a terminal's colours are the emulator's own,
+ * not the host app's theme — and a small set of syntax rules colour strings,
+ * keywords, numbers and flags in every line.
+ */
+import { type YStackProps } from '@hanzo/gui';
+import * as React from 'react';
+export type TerminalTheme = 'dark' | 'light' | 'matrix' | 'dracula';
+export type TerminalLineType = 'command' | 'error' | 'success' | 'info';
+export interface TerminalCommand {
+    id: string;
+    input: string;
+    output: string | React.ReactNode;
+    timestamp: Date;
+    type?: TerminalLineType;
+}
+export interface TerminalProps extends Omit<YStackProps, 'children' | 'theme'> {
+    /** Shown before every command line and the input line. */
+    prompt?: string;
+    /** Lines shown before anything is typed. */
+    initialCommands?: TerminalCommand[];
+    /** Handles anything the built-ins (`clear`/`help`/`date`/`echo`) do not. */
+    onCommand?: (command: string) => Promise<string | React.ReactNode> | string | React.ReactNode;
+    theme?: TerminalTheme;
+    /** Arrow-key history navigation. */
+    enableHistory?: boolean;
+    /** Tab-completion against `autoCompleteCommands`. */
+    enableAutoComplete?: boolean;
+    autoCompleteCommands?: string[];
+    maxHistorySize?: number;
+}
+export declare function Terminal({ prompt, initialCommands, onCommand, theme, enableHistory, enableAutoComplete, autoCompleteCommands, maxHistorySize, ...props }: TerminalProps): React.JSX.Element;
+//# sourceMappingURL=terminal.d.ts.map

package/dist/backends/gui/terminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/terminal.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,OAAO,EAAkD,KAAK,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AACnE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;AAEvE,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,SAAS,EAAE,IAAI,CAAA;IACf,IAAI,CAAC,EAAE,gBAAgB,CAAA;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,CAAC;IAC5E,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4CAA4C;IAC5C,eAAe,CAAC,EAAE,eAAe,EAAE,CAAA;IACnC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC7F,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAiGD,wBAAgB,QAAQ,CAAC,EACvB,MAAY,EACZ,eAAoB,EACpB,SAAS,EACT,KAAc,EACd,aAAoB,EACpB,kBAAyB,EACzB,oBAAuC,EACvC,cAAmB,EACnB,GAAG,KAAK,EACT,EAAE,aAAa,qBAoQf"}