@whatasoda/agent-tools 0.1.0

package/dist/src/tui/components/NodeDetail.js

@@ -0,0 +1,111 @@
+import React from "react";
+import { Box, Text } from "ink";
+export function NodeDetail({ node, focused }) {
+  const borderColor = focused ? "cyan" : undefined;
+  return jsxDEV_7x81h0kn(Box, {
+    flexDirection: "column",
+    borderStyle: "single",
+    borderColor,
+    flexGrow: 2,
+    overflow: "hidden",
+    children: [
+      jsxDEV_7x81h0kn(Text, {
+        bold: true,
+        underline: true,
+        children: [
+          " ",
+          "Detail ",
+          focused ? "(active)" : ""
+        ]
+      }, undefined, true, undefined, this),
+      node === null ? jsxDEV_7x81h0kn(Text, {
+        color: "gray",
+        children: " Select a node to view details."
+      }, undefined, false, undefined, this) : jsxDEV_7x81h0kn(Fragment_8vg9x3sq, {
+        children: [
+          jsxDEV_7x81h0kn(Box, {
+            paddingX: 1,
+            flexDirection: "column",
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: "ID: "
+                  }, undefined, false, undefined, this),
+                  node.id
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Text, {
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: "Kind: "
+                  }, undefined, false, undefined, this),
+                  node.kind
+                ]
+              }, undefined, true, undefined, this),
+              node.tags.length > 0 && jsxDEV_7x81h0kn(Text, {
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: "Tags: "
+                  }, undefined, false, undefined, this),
+                  node.tags.join(", ")
+                ]
+              }, undefined, true, undefined, this),
+              jsxDEV_7x81h0kn(Text, {
+                children: [
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: "Created: "
+                  }, undefined, false, undefined, this),
+                  node.created_at
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          jsxDEV_7x81h0kn(Box, {
+            paddingX: 1,
+            flexDirection: "column",
+            marginTop: 1,
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                bold: true,
+                children: "Body:"
+              }, undefined, false, undefined, this),
+              jsxDEV_7x81h0kn(Text, {
+                children: node.body || "(empty)"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          Object.keys(node.properties).length > 0 && jsxDEV_7x81h0kn(Box, {
+            paddingX: 1,
+            flexDirection: "column",
+            marginTop: 1,
+            children: [
+              jsxDEV_7x81h0kn(Text, {
+                bold: true,
+                children: "Properties:"
+              }, undefined, false, undefined, this),
+              Object.entries(node.properties).map(([k, v]) => jsxDEV_7x81h0kn(Text, {
+                children: [
+                  "  ",
+                  jsxDEV_7x81h0kn(Text, {
+                    bold: true,
+                    children: [
+                      k,
+                      ":"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " ",
+                  JSON.stringify(v)
+                ]
+              }, k, true, undefined, this))
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}

package/dist/src/tui/components/NodeList.js

@@ -0,0 +1,62 @@
+import React from "react";
+import { Box, Text } from "ink";
+export function NodeList({ nodes, selectedIndex, focused, loading, error }) {
+  const borderColor = focused ? "cyan" : undefined;
+  return jsxDEV_7x81h0kn(Box, {
+    flexDirection: "column",
+    borderStyle: "single",
+    borderColor,
+    flexGrow: 1,
+    overflow: "hidden",
+    children: [
+      jsxDEV_7x81h0kn(Text, {
+        bold: true,
+        underline: true,
+        children: [
+          " ",
+          "Nodes ",
+          focused ? "(active)" : ""
+        ]
+      }, undefined, true, undefined, this),
+      loading && jsxDEV_7x81h0kn(Text, {
+        color: "yellow",
+        children: " Loading..."
+      }, undefined, false, undefined, this),
+      error && jsxDEV_7x81h0kn(Text, {
+        color: "red",
+        children: [
+          " Error: ",
+          error
+        ]
+      }, undefined, true, undefined, this),
+      !loading && !error && nodes.length === 0 && jsxDEV_7x81h0kn(Text, {
+        color: "gray",
+        children: " No nodes found."
+      }, undefined, false, undefined, this),
+      !loading && !error && nodes.map((node, index) => {
+        const isSelected = index === selectedIndex;
+        const prefix = isSelected ? "> " : "  ";
+        const tags = node.tags.length > 0 ? ` [${node.tags.join(",")}]` : "";
+        const bodyPreview = node.body.slice(0, 40).replace(/\n/g, " ");
+        const color = isSelected ? focused ? "cyan" : "white" : undefined;
+        return jsxDEV_7x81h0kn(Box, {
+          children: jsxDEV_7x81h0kn(Text, {
+            color,
+            bold: isSelected,
+            inverse: isSelected && focused,
+            children: [
+              prefix,
+              jsxDEV_7x81h0kn(Text, {
+                bold: true,
+                children: node.kind
+              }, undefined, false, undefined, this),
+              tags,
+              "  ",
+              bodyPreview
+            ]
+          }, undefined, true, undefined, this)
+        }, node.id, false, undefined, this);
+      })
+    ]
+  }, undefined, true, undefined, this);
+}

package/dist/src/tui/components/StatusBar.js

@@ -0,0 +1,90 @@
+import React from "react";
+import { Box, Text } from "ink";
+export function StatusBar({ filterFocused }) {
+  if (filterFocused) {
+    return jsxDEV_7x81h0kn(Box, {
+      borderStyle: "single",
+      paddingX: 1,
+      flexShrink: 0,
+      children: jsxDEV_7x81h0kn(Text, {
+        children: [
+          jsxDEV_7x81h0kn(Text, {
+            bold: true,
+            color: "cyan",
+            children: "[Enter]"
+          }, undefined, false, undefined, this),
+          " ",
+          "apply filter",
+          "  ",
+          jsxDEV_7x81h0kn(Text, {
+            bold: true,
+            color: "cyan",
+            children: "[Esc]"
+          }, undefined, false, undefined, this),
+          " ",
+          "cancel"
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return jsxDEV_7x81h0kn(Box, {
+    borderStyle: "single",
+    paddingX: 1,
+    flexShrink: 0,
+    children: jsxDEV_7x81h0kn(Text, {
+      children: [
+        jsxDEV_7x81h0kn(Text, {
+          bold: true,
+          color: "cyan",
+          children: "[j/k]"
+        }, undefined, false, undefined, this),
+        " ",
+        "navigate",
+        "  ",
+        jsxDEV_7x81h0kn(Text, {
+          bold: true,
+          color: "cyan",
+          children: "[Tab]"
+        }, undefined, false, undefined, this),
+        " ",
+        "switch panel",
+        "  ",
+        jsxDEV_7x81h0kn(Text, {
+          bold: true,
+          color: "cyan",
+          children: "[/]"
+        }, undefined, false, undefined, this),
+        " ",
+        "filter",
+        "  ",
+        jsxDEV_7x81h0kn(Text, {
+          bold: true,
+          color: "cyan",
+          children: "[b]"
+        }, undefined, false, undefined, this),
+        "rainstorm",
+        "  ",
+        jsxDEV_7x81h0kn(Text, {
+          bold: true,
+          color: "cyan",
+          children: "[r]"
+        }, undefined, false, undefined, this),
+        "eview",
+        "  ",
+        jsxDEV_7x81h0kn(Text, {
+          bold: true,
+          color: "cyan",
+          children: "[y]"
+        }, undefined, false, undefined, this),
+        "copy",
+        "  ",
+        jsxDEV_7x81h0kn(Text, {
+          bold: true,
+          color: "cyan",
+          children: "[q]"
+        }, undefined, false, undefined, this),
+        "uit"
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}

package/dist/src/tui/hooks/useNavigation.js

@@ -0,0 +1,57 @@
+import { useState } from "react";
+const PANEL_ORDER = ["list", "detail", "links"];
+export function useNavigation() {
+  const [activePanel, setActivePanel] = useState("list");
+  const [selectedListIndex, setSelectedListIndex] = useState(0);
+  const [selectedLinkIndex, setSelectedLinkIndex] = useState(0);
+  const [filterFocused, setFilterFocused] = useState(false);
+  function cyclePanel() {
+    const current = PANEL_ORDER.indexOf(activePanel);
+    const next = PANEL_ORDER[(current + 1) % PANEL_ORDER.length];
+    if (next) {
+      setActivePanel(next);
+    }
+  }
+  function focusFilter() {
+    setFilterFocused(true);
+  }
+  function blurFilter() {
+    setFilterFocused(false);
+  }
+  function navigateDown(listLength) {
+    if (activePanel === "list") {
+      setSelectedListIndex((i) => Math.min(i + 1, Math.max(0, listLength - 1)));
+    } else if (activePanel === "links") {
+      setSelectedLinkIndex((i) => Math.min(i + 1, Math.max(0, listLength - 1)));
+    }
+  }
+  function navigateUp() {
+    if (activePanel === "list") {
+      setSelectedListIndex((i) => Math.max(0, i - 1));
+    } else if (activePanel === "links") {
+      setSelectedLinkIndex((i) => Math.max(0, i - 1));
+    }
+  }
+  function resetListIndex() {
+    setSelectedListIndex(0);
+  }
+  function resetLinkIndex() {
+    setSelectedLinkIndex(0);
+  }
+  return {
+    activePanel,
+    blurFilter,
+    cyclePanel,
+    filterFocused,
+    focusFilter,
+    navigateDown,
+    navigateUp,
+    resetLinkIndex,
+    resetListIndex,
+    selectedLinkIndex,
+    selectedListIndex,
+    setActivePanel,
+    setSelectedLinkIndex,
+    setSelectedListIndex
+  };
+}

package/dist/src/tui/hooks/useNodes.js

@@ -0,0 +1,44 @@
+import { useEffect, useRef, useState } from "react";
+import { Database } from "../../core/database.js";
+import { ensureDbDir } from "../../core/ensure-dirs.js";
+import os from "os";
+import path from "path";
+const DEFAULT_DB_PATH = path.join(os.homedir(), ".soda-agent-tools", "data.db");
+export function useNodes(filter) {
+  const [nodes, setNodes] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const dbRef = useRef(null);
+  useEffect(() => {
+    const dbPath = process.env["SODA_AGENT_TOOLS_DB"] ?? DEFAULT_DB_PATH;
+    ensureDbDir(dbPath);
+    dbRef.current = new Database(dbPath);
+    return () => {
+      dbRef.current?.close();
+      dbRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    if (!dbRef.current) {
+      return;
+    }
+    setLoading(true);
+    try {
+      const result = dbRef.current.search({
+        kind: filter.kind,
+        limit: 100,
+        offset: 0,
+        query: filter.query,
+        tags: filter.tag ? [filter.tag] : undefined
+      });
+      setNodes(result.nodes);
+      setError(null);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      setNodes([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [filter.kind, filter.tag, filter.query]);
+  return { error, loading, nodes };
+}

package/dist/src/tui/index.js

@@ -0,0 +1,4 @@
+import React from "react";
+import { render } from "ink";
+import { App } from "./App.js";
+render(jsxDEV_7x81h0kn(App, {}, undefined, false, undefined, this));

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@whatasoda/agent-tools",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "bin": {
+    "sd": "dist/src/cli.js"
+  },
+  "scripts": {
+    "build": "bun scripts/build.ts",
+    "test": "bun test"
+  },
+  "files": [
+    "dist/"
+  ],
+  "dependencies": {
+    "ink": "latest",
+    "@inkjs/ui": "latest",
+    "react": "latest",
+    "zod": "latest",
+    "ulid": "latest"
+  },
+  "devDependencies": {
+    "bun-types": "latest",
+    "@types/react": "latest",
+    "typescript": "latest",
+    "ink-testing-library": "latest"
+  }
+}