@visulima/tui 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/packem_shared/Markdown-33bpCUoe.js

@@ -1,212 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Lexer } from 'marked';
-import React, { useMemo } from 'react';
-import useWindowSize from './useWindowSize-D3UU41mv.js';
-import Box from './Box-W1w_NGin.js';
-import Code from './Code-CwzzbsLx.js';
-import Link from './Link-DZ2Tiq1m.js';
-import Newline from './Newline-DBtYEg8x.js';
-import OrderedList from './OrderedList-VsvSmHUC.js';
-import TableComponent from './Table-Bgxo87Df.js';
-import Text from './Text-CtUwV89_.js';
-import UnorderedList from './UnorderedList-D8RPaEAW.js';
-
-const HEADING_COLORS = {
-  1: "cyan",
-  2: "green",
-  3: "yellow",
-  4: "blue",
-  5: "magenta",
-  6: "gray"
-};
-function renderInlineTokens(tokens) {
-  if (!tokens || tokens.length === 0) {
-    return null;
-  }
-  return tokens.map((token, index) => {
-    switch (token.type) {
-      case "br": {
-        return jsx(Newline, {}, index);
-      }
-      case "codespan": {
-        return jsxs(Text, { inverse: true, children: [
-          " ",
-          token.text,
-          " "
-        ] }, index);
-      }
-      case "del": {
-        return jsx(Text, { strikethrough: true, children: renderInlineTokens(token.tokens) }, index);
-      }
-      case "em": {
-        return jsx(Text, { italic: true, children: renderInlineTokens(token.tokens) }, index);
-      }
-      case "escape": {
-        return jsx(React.Fragment, { children: token.text }, index);
-      }
-      case "image": {
-        const img = token;
-        return jsxs(Text, { dimColor: true, children: [
-          "[image:",
-          " ",
-          img.text || img.href,
-          "]"
-        ] }, index);
-      }
-      case "link": {
-        const link = token;
-        return jsx(Link, { url: link.href, children: renderInlineTokens(link.tokens) ?? link.text }, index);
-      }
-      case "strong": {
-        return jsx(Text, { bold: true, children: renderInlineTokens(token.tokens) }, index);
-      }
-      case "text": {
-        return jsx(React.Fragment, { children: token.text }, index);
-      }
-      default: {
-        const rawText = "raw" in token ? token.raw : "";
-        return jsx(React.Fragment, { children: rawText }, index);
-      }
-    }
-  });
-}
-function mapListItems(items) {
-  return items.map((item) => {
-    const listItem = item;
-    const listItemTokens = listItem.tokens ?? [];
-    const textToken = listItemTokens.find((t) => t.type === "text");
-    const label = renderInlineTokens(textToken?.tokens ?? listItemTokens);
-    const nestedList = listItemTokens.find((t) => t.type === "list");
-    const children = nestedList ? mapListItems(nestedList.items) : void 0;
-    return { children, label };
-  });
-}
-function renderBlockTokens(tokens, codeTheme, maxWidth) {
-  const elements = [];
-  for (const [index, token_] of tokens.entries()) {
-    const token = token_;
-    const marginTop = index > 0 ? 1 : 0;
-    switch (token.type) {
-      case "blockquote": {
-        const bq = token;
-        elements.push(
-          jsx(Box, { borderLeft: true, borderLeftColor: "gray", marginTop, paddingLeft: 1, children: jsx(Box, { flexDirection: "column", children: renderBlockTokens(bq.tokens, codeTheme, maxWidth - 3) }) }, index)
-        );
-        break;
-      }
-      case "code": {
-        const code = token;
-        elements.push(
-          jsx(Box, { marginTop, children: jsx(Code, { code: code.text, language: code.lang, theme: codeTheme }) }, index)
-        );
-        break;
-      }
-      case "heading": {
-        const heading = token;
-        const color = HEADING_COLORS[heading.depth] ?? "white";
-        const prefix = `${"#".repeat(heading.depth)} `;
-        elements.push(
-          jsx(Box, { marginTop, children: jsxs(Text, { bold: true, color, children: [
-            prefix,
-            renderInlineTokens(heading.tokens)
-          ] }) }, index)
-        );
-        break;
-      }
-      case "hr": {
-        elements.push(
-          jsx(Box, { marginTop, children: jsx(Text, { dimColor: true, children: "─".repeat(Math.min(maxWidth, 40)) }) }, index)
-        );
-        break;
-      }
-      case "html": {
-        const html = token;
-        const stripped = html.text.replaceAll(/<[^>]*>/g, "");
-        if (stripped.trim()) {
-          elements.push(
-            jsx(Box, { marginTop, children: jsx(Text, { dimColor: true, children: stripped }) }, index)
-          );
-        }
-        break;
-      }
-      case "list": {
-        const list = token;
-        const items = mapListItems(list.items);
-        if (list.ordered) {
-          elements.push(
-            jsx(Box, { marginTop, children: jsx(OrderedList, { items }) }, index)
-          );
-        } else {
-          elements.push(
-            jsx(Box, { marginTop, children: jsx(UnorderedList, { items }) }, index)
-          );
-        }
-        break;
-      }
-      case "paragraph": {
-        const para = token;
-        elements.push(
-          jsx(Box, { marginTop, children: jsx(Text, { wrap: "wrap", children: renderInlineTokens(para.tokens) }) }, index)
-        );
-        break;
-      }
-      case "space": {
-        elements.push(jsx(Newline, {}, index));
-        break;
-      }
-      case "table": {
-        const table = token;
-        const headers = (table.header ?? []).map((cell) => cell.text);
-        const rows = (table.rows ?? []).map((row) => row.map((cell) => cell.text));
-        const data = rows.map((row) => {
-          const record = {};
-          headers.forEach((header, colIndex) => {
-            record[header] = row[colIndex] ?? "";
-          });
-          return record;
-        });
-        elements.push(
-          jsx(Box, { marginTop, children: jsx(TableComponent, { data }) }, index)
-        );
-        break;
-      }
-      default: {
-        const raw = "raw" in token ? token.raw : "";
-        const text = "text" in token ? token.text : raw;
-        if (text) {
-          elements.push(
-            jsx(Box, { marginTop, children: jsx(Text, { children: text }) }, index)
-          );
-        }
-        break;
-      }
-    }
-  }
-  return elements;
-}
-function lexWithStreamingFallback(source, streaming) {
-  const tokens = Lexer.lex(source);
-  if (!streaming || source.length === 0) {
-    return tokens;
-  }
-  let consumedLength = 0;
-  for (const token of tokens) {
-    consumedLength += token.raw?.length ?? 0;
-  }
-  if (consumedLength < source.length) {
-    const trailing = source.slice(consumedLength);
-    if (trailing.trim().length > 0) {
-      tokens.push({ raw: trailing, text: trailing, tokens: [{ raw: trailing, text: trailing, type: "text" }], type: "paragraph" });
-    }
-  }
-  return tokens;
-}
-function Markdown({ children, codeTheme = "github-dark-default", maxWidth: maxWidthProp, streaming = false }) {
-  const { columns } = useWindowSize();
-  const maxWidth = maxWidthProp ?? columns ?? 80;
-  const tokens = useMemo(() => lexWithStreamingFallback(children, streaming), [children, streaming]);
-  const elements = useMemo(() => renderBlockTokens(tokens, codeTheme, maxWidth), [tokens, codeTheme, maxWidth]);
-  return jsx(Box, { flexDirection: "column", children: elements });
-}
-
-export { Markdown as default };

package/dist/packem_shared/MaskedInput-Ctr6v2dO.js

@@ -1,119 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo, useState, useCallback } from 'react';
-import useInput from './useInput-DKZbqMRc.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const buildTokenIndex = (mask, token) => {
-  const indices = [];
-  let rawPosition = 0;
-  for (const [maskColumn, maskChar] of [...mask].entries()) {
-    if (maskChar === token) {
-      indices.push({ maskColumn, rawPosition });
-      rawPosition += 1;
-    }
-  }
-  return indices;
-};
-const formatValue = (raw, mask, token, placeholderChar) => {
-  let rawIndex = 0;
-  let output = "";
-  for (const maskChar of mask) {
-    if (maskChar === token) {
-      const rawChar = raw[rawIndex];
-      if (rawChar === void 0) {
-        output += placeholderChar;
-      } else {
-        output += rawChar;
-        rawIndex += 1;
-      }
-    } else {
-      output += maskChar;
-    }
-  }
-  return output;
-};
-function MaskedInput({
-  defaultValue = "",
-  isDisabled = false,
-  mask,
-  onChange,
-  onSubmit,
-  placeholderChar = "_",
-  token = "#"
-}) {
-  const tokenIndex = useMemo(() => buildTokenIndex(mask, token), [mask, token]);
-  const maxLength = tokenIndex.length;
-  const clampedDefault = defaultValue.slice(0, maxLength);
-  const [raw, setRaw] = useState(clampedDefault);
-  const [cursor, setCursor] = useState(clampedDefault.length);
-  const emit = useCallback(
-    (next, nextCursor) => {
-      setRaw(next);
-      setCursor(Math.max(0, Math.min(maxLength, nextCursor)));
-      onChange?.(next);
-    },
-    [maxLength, onChange]
-  );
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (key.return) {
-          onSubmit?.(raw);
-          return;
-        }
-        if (key.leftArrow) {
-          setCursor((previous) => Math.max(0, previous - 1));
-          return;
-        }
-        if (key.rightArrow) {
-          setCursor((previous) => Math.min(raw.length, previous + 1));
-          return;
-        }
-        if (key.home || key.ctrl && input === "a") {
-          setCursor(0);
-          return;
-        }
-        if (key.end || key.ctrl && input === "e") {
-          setCursor(raw.length);
-          return;
-        }
-        if (key.backspace) {
-          if (cursor === 0) {
-            return;
-          }
-          const next2 = raw.slice(0, cursor - 1) + raw.slice(cursor);
-          emit(next2, cursor - 1);
-          return;
-        }
-        if (key.delete) {
-          if (cursor >= raw.length) {
-            return;
-          }
-          const next2 = raw.slice(0, cursor) + raw.slice(cursor + 1);
-          emit(next2, cursor);
-          return;
-        }
-        if (input?.length !== 1 || raw.length >= maxLength) {
-          return;
-        }
-        const next = raw.slice(0, cursor) + input + raw.slice(cursor);
-        emit(next, cursor + 1);
-      },
-      [raw, cursor, maxLength, emit, onSubmit]
-    ),
-    { isActive: !isDisabled }
-  );
-  const display = formatValue(raw, mask, token, placeholderChar);
-  const cursorMaskColumn = tokenIndex[cursor]?.maskColumn ?? mask.length;
-  const before = display.slice(0, cursorMaskColumn);
-  const atCursor = display.charAt(cursorMaskColumn) || " ";
-  const after = display.slice(cursorMaskColumn + 1);
-  return jsxs(Box, { children: [
-    jsx(Text, { dimColor: isDisabled, children: before }),
-    jsx(Text, { dimColor: isDisabled, inverse: !isDisabled, children: atCursor }),
-    jsx(Text, { dimColor: isDisabled, children: after })
-  ] });
-}
-
-export { MaskedInput as default };

package/dist/packem_shared/Menu-CeKxhEix.js

@@ -1,112 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
-import useFocus from './useFocus-DLoGQJd9.js';
-import useInput from './useInput-DKZbqMRc.js';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const flatten = (items, sections) => {
-  if (sections && sections.length > 0) {
-    const rows = [];
-    for (const section of sections) {
-      if (section.title !== void 0) {
-        rows.push({ kind: "section-header", sectionId: section.id, title: section.title });
-      }
-      for (const item of section.items) {
-        rows.push({ item, kind: "item", sectionId: section.id });
-      }
-    }
-    return rows;
-  }
-  return (items ?? []).map((item) => ({ item, kind: "item", sectionId: void 0 }));
-};
-const findNextIndex = (rows, from, direction) => {
-  const total = rows.length;
-  if (total === 0) {
-    return from;
-  }
-  for (let step = 1; step <= total; step += 1) {
-    const candidate = (from + direction * step + total * step) % total;
-    const row = rows[candidate];
-    if (row?.kind === "item" && !row.item.isDisabled) {
-      return candidate;
-    }
-  }
-  return from;
-};
-const firstEnabledIndex = (rows) => {
-  for (const [index, row] of rows.entries()) {
-    if (row.kind === "item" && !row.item.isDisabled) {
-      return index;
-    }
-  }
-  return 0;
-};
-function Menu({ accentColor = "blue", autoFocus = false, bordered = true, items, onSelect, sections, title }) {
-  const { isFocused } = useFocus({ autoFocus });
-  const rows = useMemo(() => flatten(items, sections), [items, sections]);
-  const initialIndex = useMemo(() => firstEnabledIndex(rows), [rows]);
-  const [focusedIndex, setFocusedIndex] = useState(initialIndex);
-  const focusedIndexRef = useRef(focusedIndex);
-  focusedIndexRef.current = focusedIndex;
-  useEffect(() => {
-    const { current } = focusedIndexRef;
-    const row = rows[current];
-    const stillValid = row?.kind === "item" && !row.item.isDisabled;
-    if (!stillValid) {
-      const next = firstEnabledIndex(rows);
-      setFocusedIndex(next);
-      focusedIndexRef.current = next;
-    }
-  }, [rows]);
-  useInput(
-    useCallback(
-      (input, key) => {
-        if (!isFocused) {
-          return;
-        }
-        if (key.downArrow || input === "j") {
-          setFocusedIndex(findNextIndex(rows, focusedIndexRef.current, 1));
-        } else if (key.upArrow || input === "k") {
-          setFocusedIndex(findNextIndex(rows, focusedIndexRef.current, -1));
-        } else if (key.return) {
-          const row = rows[focusedIndexRef.current];
-          if (row?.kind === "item" && !row.item.isDisabled) {
-            onSelect(row.item.id);
-          }
-        }
-      },
-      [isFocused, rows, onSelect]
-    ),
-    { isActive: isFocused }
-  );
-  const content = jsxs(Box, { flexDirection: "column", children: [
-    title === void 0 ? void 0 : jsx(Box, { marginBottom: 1, children: jsx(Text, { bold: true, color: accentColor, children: title }) }),
-    rows.map((row, index) => {
-      if (row.kind === "section-header") {
-        return jsx(Box, { marginTop: index === 0 ? 0 : 1, children: jsx(Text, { dimColor: true, children: row.title.toUpperCase() }) }, `header:${row.sectionId}`);
-      }
-      const { item } = row;
-      const isRowFocused = isFocused && index === focusedIndex;
-      const color = isRowFocused ? accentColor : void 0;
-      return jsxs(Box, { children: [
-        jsx(Text, { color, dimColor: item.isDisabled, children: isRowFocused ? "▸ " : "  " }),
-        item.icon === void 0 ? void 0 : jsxs(Text, { color, dimColor: item.isDisabled, children: [
-          item.icon,
-          " "
-        ] }),
-        jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: jsx(Text, { bold: isRowFocused, color, dimColor: item.isDisabled, wrap: "truncate-end", children: item.label }) }),
-        item.hotkey === void 0 ? void 0 : jsx(Box, { flexShrink: 0, children: jsxs(Text, { dimColor: true, children: [
-          " ",
-          item.hotkey
-        ] }) })
-      ] }, `item:${item.id}`);
-    })
-  ] });
-  if (!bordered) {
-    return content;
-  }
-  return jsx(Box, { borderColor: isFocused ? accentColor : void 0, borderStyle: "round", paddingX: 1, children: content });
-}
-
-export { Menu as default };

package/dist/packem_shared/MessageBubble-BMoU8L2Q.js

@@ -1,26 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-const ROLE_CONFIG = {
-  assistant: { align: "flex-start", color: "blueBright", icon: "" },
-  system: { align: "flex-start", color: "gray", icon: "" },
-  tool: { align: "flex-start", color: "magentaBright", icon: "" },
-  user: { align: "flex-end", color: "greenBright", icon: "" }
-};
-function MessageBubble({ children, color, flat = false, label, meta, role = "assistant" }) {
-  const preset = ROLE_CONFIG[role];
-  const accent = color ?? preset.color;
-  return jsxs(Box, { alignSelf: preset.align, flexDirection: "column", marginBottom: 1, children: [
-    label === void 0 && meta === void 0 ? void 0 : jsxs(Box, { gap: 1, paddingX: 1, children: [
-      label === void 0 ? void 0 : jsx(Text, { bold: true, color: accent, children: label }),
-      meta === void 0 ? void 0 : jsx(Text, { dimColor: true, children: meta })
-    ] }),
-    flat ? jsxs(Box, { paddingX: 1, children: [
-      jsx(Text, { color: accent, children: "│ " }),
-      jsx(Box, { flexDirection: "column", flexGrow: 1, children: typeof children === "string" ? jsx(Text, { children }) : children })
-    ] }) : jsx(Box, { borderColor: accent, borderStyle: "round", flexDirection: "column", paddingX: 1, children: typeof children === "string" ? jsx(Text, { children }) : children })
-  ] });
-}
-
-export { MessageBubble as default };

package/dist/packem_shared/ModelBadge-CNIxPs7v.js

@@ -1,40 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import Box from './Box-W1w_NGin.js';
-import Text from './Text-CtUwV89_.js';
-
-function ModelBadge({ color = "magenta", icon, model, provider, variant = "solid" }) {
-  const chip = (content) => {
-    const renderedIcon = icon === void 0 ? void 0 : jsxs(Fragment, { children: [
-      icon,
-      " "
-    ] });
-    if (variant === "outline") {
-      return jsx(Box, { borderColor: color, borderStyle: "round", paddingX: 1, children: jsxs(Text, { color, children: [
-        renderedIcon,
-        content
-      ] }) });
-    }
-    if (variant === "subtle") {
-      return jsxs(Text, { color, children: [
-        renderedIcon,
-        content
-      ] });
-    }
-    return jsxs(Text, { backgroundColor: color, color: "black", children: [
-      " ",
-      renderedIcon,
-      content,
-      " "
-    ] });
-  };
-  if (provider === void 0) {
-    return chip(model);
-  }
-  return jsxs(Box, { children: [
-    jsx(Text, { dimColor: true, children: provider }),
-    jsx(Text, { dimColor: true, children: "/" }),
-    chip(model)
-  ] });
-}
-
-export { ModelBadge as default };

package/dist/packem_shared/MouseProvider-CekPbXCh.js

@@ -1,136 +0,0 @@
-import { createRequire as __cjs_createRequire } from "node:module";
-
-const __cjs_require = __cjs_createRequire(import.meta.url);
-
-const __cjs_getProcess = typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" ? globalThis.process : process;
-
-const __cjs_getBuiltinModule = (module) => {
-    // Check if we're in Node.js and version supports getBuiltinModule
-    if (typeof __cjs_getProcess !== "undefined" && __cjs_getProcess.versions && __cjs_getProcess.versions.node) {
-        const [major, minor] = __cjs_getProcess.versions.node.split(".").map(Number);
-        // Node.js 20.16.0+ and 22.3.0+
-        if (major > 22 || (major === 22 && minor >= 3) || (major === 20 && minor >= 16)) {
-            return __cjs_getProcess.getBuiltinModule(module);
-        }
-    }
-    // Fallback to createRequire
-    return __cjs_require(module);
-};
-
-import { jsx } from 'react/jsx-runtime';
-const {
-  EventEmitter
-} = __cjs_getBuiltinModule("node:events");
-const process = __cjs_getProcess;
-import { useRef, useReducer, useEffect, useMemo } from 'react';
-import { useStdinContext } from './useStdin-Rf0zPzVA.js';
-import useStdout from './useStdout-B5yRcg9N.js';
-import { A as ANSI_CODES, p as parseSgrMouse } from './ansi-parser-BOP8fNdT.js';
-import { M as MouseContext } from './mouse-context-BUHWKEIe.js';
-
-const initialMouseState = {
-  button: null,
-  click: null,
-  drag: null,
-  position: { x: 0, y: 0 },
-  scroll: null
-};
-const mouseReducer = (state, action) => {
-  switch (action.type) {
-    case "click": {
-      return { ...state, button: action.button, click: action.click, position: action.position };
-    }
-    case "click-reset": {
-      return { ...state, button: null, click: null };
-    }
-    case "drag": {
-      return { ...state, button: action.button, drag: action.drag, position: action.position };
-    }
-    case "move": {
-      return { ...state, position: action.position };
-    }
-    case "scroll": {
-      return { ...state, position: action.position, scroll: action.scroll };
-    }
-    case "scroll-reset": {
-      return { ...state, scroll: null };
-    }
-    default: {
-      return state;
-    }
-  }
-};
-const MouseProvider = ({ children }) => {
-  const { internal_eventEmitter: internalEventEmitter } = useStdinContext();
-  const { stdout } = useStdout();
-  const events = useRef(new EventEmitter());
-  const [state, dispatch] = useReducer(mouseReducer, initialMouseState);
-  const clickTimeoutRef = useRef(void 0);
-  const scrollTimeoutRef = useRef(void 0);
-  useEffect(() => {
-    const out = stdout.isTTY ? stdout : process.stdout;
-    out.write(ANSI_CODES.mouseButton.on + ANSI_CODES.mouseMotion.on + ANSI_CODES.mouseMotionOthers.on + ANSI_CODES.mouseSGR.on);
-    return () => {
-      out.write(ANSI_CODES.mouseSGR.off + ANSI_CODES.mouseMotionOthers.off + ANSI_CODES.mouseMotion.off + ANSI_CODES.mouseButton.off);
-    };
-  }, [stdout]);
-  useEffect(() => {
-    const handleInput = (input) => {
-      const event = parseSgrMouse(input);
-      if (!event) {
-        return;
-      }
-      const pos = { x: event.x, y: event.y };
-      events.current.emit("position", pos);
-      switch (event.type) {
-        case "click": {
-          dispatch({ button: event.button, click: event.action, position: pos, type: "click" });
-          events.current.emit("click", pos, event.action, event.button);
-          clearTimeout(clickTimeoutRef.current);
-          clickTimeoutRef.current = setTimeout(() => {
-            dispatch({ type: "click-reset" });
-          }, 100);
-          break;
-        }
-        case "drag": {
-          const dragAction = event.action === "press" ? "dragging" : null;
-          dispatch({ button: event.button, drag: dragAction, position: pos, type: "drag" });
-          events.current.emit("drag", pos, dragAction, event.button);
-          break;
-        }
-        case "move": {
-          dispatch({ position: pos, type: "move" });
-          break;
-        }
-        case "scroll": {
-          dispatch({ position: pos, scroll: event.direction, type: "scroll" });
-          events.current.emit("scroll", pos, event.direction);
-          clearTimeout(scrollTimeoutRef.current);
-          scrollTimeoutRef.current = setTimeout(() => {
-            dispatch({ type: "scroll-reset" });
-          }, 100);
-          break;
-        }
-      }
-    };
-    internalEventEmitter.on("input", handleInput);
-    return () => {
-      internalEventEmitter.off("input", handleInput);
-      clearTimeout(clickTimeoutRef.current);
-      clearTimeout(scrollTimeoutRef.current);
-    };
-  }, [internalEventEmitter]);
-  const value = useMemo(() => {
-    return {
-      button: state.button,
-      click: state.click,
-      drag: state.drag,
-      events: events.current,
-      position: state.position,
-      scroll: state.scroll
-    };
-  }, [state]);
-  return jsx(MouseContext, { value, children });
-};
-
-export { MouseProvider as default };