@hasna/domains 0.0.15 → 0.0.16

package/README.md

@@ -17,6 +17,7 @@ Domain portfolio and DNS management for AI agents — CLI + MCP server with SQLi
 - **Registrar sync** — Namecheap and GoDaddy integration
 - **Brand monitoring** — typosquat/threat detection via Brandsight API
 - **MCP server** — full Model Context Protocol support for AI agents
+- **Interactive TUI** — browse your portfolio in the terminal with `domains interactive`
 
 ## Installation
 
@@ -29,7 +30,10 @@ Data is stored at `~/.hasna/domains/domains.db`. Override with `HASNA_DOMAINS_DI
 ## CLI Usage
 
 ```bash
-# Domain management
+# Interactive portfolio browser (Ink TUI)
+domains interactive
+domains interactive --status active
+```
 domains add --name example.com --registrar Namecheap --expires-at 2025-01-01
 domains list
 domains list --status active --registrar Namecheap

package/dist/cli/commands/interactive.d.ts

@@ -0,0 +1,3 @@
+import type { Command } from "commander";
+export declare function registerInteractiveCommand(program: Command): void;
+//# sourceMappingURL=interactive.d.ts.map

package/dist/cli/commands/interactive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.d.ts","sourceRoot":"","sources":["../../../src/cli/commands/interactive.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAKzC,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAgBjE"}

package/dist/cli/index.js

@@ -5,43 +5,25 @@ var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
 var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
   for (let key of __getOwnPropNames(mod))
     if (!__hasOwnProp.call(to, key))
       __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
+        get: () => mod[key],
         enumerable: true
       });
-  if (canCache)
-    cache.set(mod, to);
   return to;
 };
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: __exportSetter.bind(all, name)
+      set: (newValue) => all[name] = () => newValue
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -19549,7 +19531,7 @@ var require_package = __commonJS((exports, module) => {
 
 // node_modules/@aws-sdk/util-user-agent-node/dist-cjs/index.js
 var require_dist_cjs41 = __commonJS((exports) => {
-  var __dirname = "/home/hasna/workspace/hasna/opensource/open-domains/node_modules/@aws-sdk/util-user-agent-node/dist-cjs";
+  var __dirname = "/Users/hasna/Workspace/hasna/opensource/open-domains/node_modules/@aws-sdk/util-user-agent-node/dist-cjs";
   var node_os = __require("os");
   var node_process = __require("process");
   var utilConfigProvider = require_dist_cjs33();
@@ -39944,6 +39926,649 @@ Domain: ${name}`);
   });
 }
 
+// src/cli/commands/interactive.tsx
+import chalk from "chalk";
+import { render } from "ink";
+
+// src/cli/tui/App.tsx
+init_domains();
+init_dns_records();
+import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
+import { Box as Box5, Text as Text5, useApp, useInput as useInput2 } from "ink";
+
+// src/cli/tui/Header.tsx
+import { Box, Text } from "ink";
+
+// src/cli/tui/format.ts
+var TABLE_COLS = {
+  name: 28,
+  status: 14,
+  expires: 12,
+  registrar: 16
+};
+function pad(value, width) {
+  if (value.length > width)
+    return value.slice(0, width - 1) + "\u2026";
+  return value.padEnd(width);
+}
+function formatDate(iso) {
+  if (!iso)
+    return "\u2014";
+  return iso.slice(0, 10);
+}
+function daysUntil(iso) {
+  if (!iso)
+    return "\u2014";
+  const ms = new Date(iso).getTime() - Date.now();
+  const days = Math.ceil(ms / (1000 * 60 * 60 * 24));
+  if (days < 0)
+    return "expired";
+  if (days === 0)
+    return "today";
+  return `${days}d`;
+}
+var STATUS_COLORS = {
+  discovered: "gray",
+  researching: "blue",
+  offered: "yellow",
+  negotiating: "yellow",
+  purchased: "green",
+  active: "green",
+  not_available: "red",
+  premium_only: "magenta",
+  declined: "red",
+  expired: "red",
+  transferring: "cyan",
+  redemption: "red"
+};
+var DOMAIN_FILTERS = ["all", "active", "expiring", "premium"];
+function filterLabel(filter) {
+  switch (filter) {
+    case "all":
+      return "All";
+    case "active":
+      return "Active";
+    case "expiring":
+      return "Expiring (30d)";
+    case "premium":
+      return "Premium";
+  }
+}
+
+// src/cli/tui/Header.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function Header({ count, filter, view }) {
+  const viewLabel = view === "list" ? "Portfolio" : view === "detail" ? "Detail" : "Search";
+  return /* @__PURE__ */ jsxDEV(Box, {
+    flexDirection: "column",
+    marginBottom: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV(Box, {
+        children: [
+          /* @__PURE__ */ jsxDEV(Text, {
+            bold: true,
+            color: "cyan",
+            children: "domains"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(Text, {
+            dimColor: true,
+            children: " \u2014 interactive portfolio browser"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV(Box, {
+        children: /* @__PURE__ */ jsxDEV(Text, {
+          dimColor: true,
+          children: [
+            viewLabel,
+            " \xB7 ",
+            filterLabel(filter),
+            " \xB7 ",
+            count,
+            " domain",
+            count === 1 ? "" : "s"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/cli/tui/DomainTable.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+var VISIBLE_ROWS = 16;
+function DomainTable({ domains, selectedIndex, compact = false }) {
+  if (domains.length === 0) {
+    return /* @__PURE__ */ jsxDEV2(Box2, {
+      flexDirection: "column",
+      paddingLeft: compact ? 0 : 1,
+      children: /* @__PURE__ */ jsxDEV2(Text2, {
+        dimColor: true,
+        children: "No domains match this filter. Press [f] to change filter or [r] to refresh."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  const start = Math.max(0, Math.min(selectedIndex - Math.floor(VISIBLE_ROWS / 2), Math.max(0, domains.length - VISIBLE_ROWS)));
+  const visible = domains.slice(start, start + VISIBLE_ROWS);
+  return /* @__PURE__ */ jsxDEV2(Box2, {
+    flexDirection: "column",
+    width: "100%",
+    paddingRight: 0,
+    children: [
+      /* @__PURE__ */ jsxDEV2(Box2, {
+        children: /* @__PURE__ */ jsxDEV2(Text2, {
+          bold: true,
+          dimColor: true,
+          children: [
+            pad("NAME", TABLE_COLS.name),
+            pad("STATUS", TABLE_COLS.status),
+            pad("EXPIRES", TABLE_COLS.expires),
+            pad("REGISTRAR", TABLE_COLS.registrar),
+            !compact ? " TTL" : ""
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(Text2, {
+        dimColor: true,
+        children: "\u2500".repeat(TABLE_COLS.name + TABLE_COLS.status + TABLE_COLS.expires + TABLE_COLS.registrar + (compact ? 0 : 6))
+      }, undefined, false, undefined, this),
+      start > 0 && /* @__PURE__ */ jsxDEV2(Text2, {
+        dimColor: true,
+        children: [
+          "  \u2191 ",
+          start,
+          " more above"
+        ]
+      }, undefined, true, undefined, this),
+      visible.map((domain, offset) => {
+        const index = start + offset;
+        const selected = index === selectedIndex;
+        const statusColor = STATUS_COLORS[domain.status] ?? "white";
+        return /* @__PURE__ */ jsxDEV2(Box2, {
+          children: [
+            /* @__PURE__ */ jsxDEV2(Text2, {
+              color: selected ? "cyan" : undefined,
+              bold: selected,
+              children: selected ? "\u276F " : "  "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(Text2, {
+              bold: selected,
+              children: pad(domain.name, TABLE_COLS.name)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(Text2, {
+              color: statusColor,
+              children: pad(domain.status, TABLE_COLS.status)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(Text2, {
+              children: pad(formatDate(domain.expires_at), TABLE_COLS.expires)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV2(Text2, {
+              dimColor: true,
+              children: pad(domain.registrar ?? "\u2014", TABLE_COLS.registrar)
+            }, undefined, false, undefined, this),
+            !compact && /* @__PURE__ */ jsxDEV2(Text2, {
+              dimColor: true,
+              children: [
+                " ",
+                daysUntil(domain.expires_at)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, domain.id, true, undefined, this);
+      }),
+      start + visible.length < domains.length && /* @__PURE__ */ jsxDEV2(Text2, {
+        dimColor: true,
+        children: [
+          "  \u2193 ",
+          domains.length - start - visible.length,
+          " more below"
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/cli/tui/DomainDetail.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
+function DomainDetail({ details, dnsRecords = [], compact = false }) {
+  const { domain, offers, emails } = details;
+  const statusColor = STATUS_COLORS[domain.status] ?? "white";
+  return /* @__PURE__ */ jsxDEV3(Box3, {
+    flexDirection: "column",
+    width: compact ? "45%" : "100%",
+    paddingLeft: compact ? 1 : 0,
+    children: [
+      !compact && /* @__PURE__ */ jsxDEV3(Box3, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV3(Text3, {
+          dimColor: true,
+          children: "[esc] back \xB7 [r] refresh \xB7 q quit"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Box3, {
+        flexDirection: "column",
+        marginBottom: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV3(Text3, {
+            bold: true,
+            color: "cyan",
+            children: domain.name
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Text3, {
+            color: statusColor,
+            children: [
+              "[",
+              domain.status,
+              "]"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Field, {
+        label: "Registrar",
+        value: domain.registrar
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Field, {
+        label: "Registered",
+        value: formatDate(domain.registered_at)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Field, {
+        label: "Expires",
+        value: formatDate(domain.expires_at)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Field, {
+        label: "Auto-renew",
+        value: domain.auto_renew ? "yes" : "no"
+      }, undefined, false, undefined, this),
+      domain.is_premium && /* @__PURE__ */ jsxDEV3(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV3(Field, {
+            label: "Premium",
+            value: "yes"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Field, {
+            label: "Premium ask",
+            value: domain.premium_price?.toString() ?? "\u2014"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      domain.purchase_price !== null && /* @__PURE__ */ jsxDEV3(Field, {
+        label: "Purchase price",
+        value: String(domain.purchase_price)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Field, {
+        label: "SSL issuer",
+        value: domain.ssl_issuer
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Field, {
+        label: "SSL expires",
+        value: formatDate(domain.ssl_expires_at)
+      }, undefined, false, undefined, this),
+      domain.nameservers.length > 0 && /* @__PURE__ */ jsxDEV3(Box3, {
+        flexDirection: "column",
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV3(Text3, {
+            bold: true,
+            dimColor: true,
+            children: "Nameservers"
+          }, undefined, false, undefined, this),
+          domain.nameservers.slice(0, compact ? 3 : 8).map((ns) => /* @__PURE__ */ jsxDEV3(Text3, {
+            dimColor: true,
+            children: [
+              "  ",
+              ns
+            ]
+          }, ns, true, undefined, this))
+        ]
+      }, undefined, true, undefined, this),
+      !compact && dnsRecords.length > 0 && /* @__PURE__ */ jsxDEV3(Box3, {
+        flexDirection: "column",
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV3(Text3, {
+            bold: true,
+            children: [
+              "DNS records (",
+              dnsRecords.length,
+              ")"
+            ]
+          }, undefined, true, undefined, this),
+          dnsRecords.slice(0, 8).map((record) => /* @__PURE__ */ jsxDEV3(Text3, {
+            dimColor: true,
+            children: [
+              "  ",
+              record.type,
+              " ",
+              record.name,
+              " \u2192 ",
+              record.value
+            ]
+          }, record.id, true, undefined, this)),
+          dnsRecords.length > 8 && /* @__PURE__ */ jsxDEV3(Text3, {
+            dimColor: true,
+            children: [
+              "  \u2026 ",
+              dnsRecords.length - 8,
+              " more"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      (offers.length > 0 || emails.length > 0) && /* @__PURE__ */ jsxDEV3(Box3, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsxDEV3(Text3, {
+          dimColor: true,
+          children: [
+            "Offers: ",
+            offers.length,
+            " \xB7 Linked emails: ",
+            emails.length,
+            dnsRecords.length > 0 ? ` \xB7 DNS: ${dnsRecords.length}` : ""
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      domain.notes && !compact && /* @__PURE__ */ jsxDEV3(Box3, {
+        flexDirection: "column",
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV3(Text3, {
+            bold: true,
+            dimColor: true,
+            children: "Notes"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3(Text3, {
+            wrap: "wrap",
+            children: domain.notes
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      !compact && /* @__PURE__ */ jsxDEV3(Box3, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsxDEV3(Text3, {
+          dimColor: true,
+          children: [
+            "ID: ",
+            domain.id
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function Field({ label, value }) {
+  if (!value || value === "\u2014") {
+    return /* @__PURE__ */ jsxDEV3(Box3, {
+      children: [
+        /* @__PURE__ */ jsxDEV3(Text3, {
+          dimColor: true,
+          children: label.padEnd(14)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3(Text3, {
+          dimColor: true,
+          children: "\u2014"
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV3(Box3, {
+    children: [
+      /* @__PURE__ */ jsxDEV3(Text3, {
+        dimColor: true,
+        children: label.padEnd(14)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Text3, {
+        children: value
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/cli/tui/SearchView.tsx
+import { useState } from "react";
+import { Box as Box4, Text as Text4, useInput } from "ink";
+import TextInput from "ink-text-input";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function SearchView({
+  results,
+  selectedIndex,
+  onSearch,
+  onSelect,
+  onBack
+}) {
+  const [query, setQuery] = useState("");
+  useInput((input, key) => {
+    if (key.escape)
+      onBack();
+    if (key.return && results[selectedIndex]) {
+      onSelect(results[selectedIndex]);
+    }
+  });
+  return /* @__PURE__ */ jsxDEV4(Box4, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsxDEV4(Box4, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV4(Text4, {
+          bold: true,
+          children: "Search domains"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Box4, {
+        marginBottom: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV4(Text4, {
+            dimColor: true,
+            children: "Query: "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4(TextInput, {
+            value: query,
+            onChange: (value) => {
+              setQuery(value);
+              onSearch(value);
+            },
+            placeholder: "name, registrar, notes\u2026"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text4, {
+        dimColor: true,
+        children: "[enter] open \xB7 [esc] back"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Box4, {
+        marginTop: 1,
+        children: /* @__PURE__ */ jsxDEV4(DomainTable, {
+          domains: results,
+          selectedIndex
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/cli/tui/App.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+function loadDomainsForFilter(activeFilter) {
+  switch (activeFilter) {
+    case "active":
+      return listDomains({ status: "active" });
+    case "premium":
+      return listDomains({ is_premium: true });
+    case "expiring":
+      return listExpiring(30);
+    default:
+      return listDomains();
+  }
+}
+function App({ initialStatus }) {
+  const { exit } = useApp();
+  const [view, setView] = useState2("list");
+  const initialFilter = initialStatus === "active" ? "active" : initialStatus === "premium" ? "premium" : "all";
+  const [filter, setFilter] = useState2(initialFilter);
+  const [selectedIndex, setSelectedIndex] = useState2(0);
+  const [details, setDetails] = useState2(null);
+  const [searchResults, setSearchResults] = useState2([]);
+  const [searchIndex, setSearchIndex] = useState2(0);
+  const [domains, setDomains] = useState2(() => loadDomainsForFilter(initialFilter));
+  const refresh = useCallback(() => {
+    const next = loadDomainsForFilter(filter);
+    setDomains(next);
+    setSelectedIndex((current) => Math.min(current, Math.max(0, next.length - 1)));
+    return next;
+  }, [filter]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const selectedDomain = domains[selectedIndex] ?? null;
+  const previewDetails = useMemo(() => {
+    if (!selectedDomain)
+      return null;
+    return getDomainDetails(selectedDomain.id);
+  }, [selectedDomain]);
+  const previewDns = useMemo(() => {
+    if (!selectedDomain)
+      return [];
+    return listDnsRecords(selectedDomain.id);
+  }, [selectedDomain]);
+  useInput2((input, key) => {
+    if (input === "q" && view !== "search") {
+      exit();
+      return;
+    }
+    if (view === "list") {
+      if (key.upArrow || input === "k") {
+        setSelectedIndex((index) => Math.max(0, index - 1));
+      } else if (key.downArrow || input === "j") {
+        setSelectedIndex((index) => Math.min(domains.length - 1, index + 1));
+      } else if (key.return && selectedDomain) {
+        const full = getDomainDetails(selectedDomain.id);
+        if (full) {
+          setDetails(full);
+          setView("detail");
+        }
+      } else if (input === "/") {
+        setSearchResults([]);
+        setSearchIndex(0);
+        setView("search");
+      } else if (input === "f") {
+        setFilter((current) => {
+          const index = DOMAIN_FILTERS.indexOf(current);
+          return DOMAIN_FILTERS[(index + 1) % DOMAIN_FILTERS.length];
+        });
+      } else if (input === "r") {
+        refresh();
+      }
+      return;
+    }
+    if (view === "search") {
+      if (key.upArrow || input === "k") {
+        setSearchIndex((index) => Math.max(0, index - 1));
+      } else if (key.downArrow || input === "j") {
+        setSearchIndex((index) => Math.min(searchResults.length - 1, index + 1));
+      }
+      return;
+    }
+    if (view === "detail") {
+      if (key.escape) {
+        setView("list");
+        refresh();
+      } else if (input === "r" && details) {
+        setDetails(getDomainDetails(details.domain.id));
+      }
+    }
+  });
+  const handleSearch = useCallback((query) => {
+    const trimmed = query.trim();
+    if (trimmed.length < 2) {
+      setSearchResults([]);
+      setSearchIndex(0);
+      return;
+    }
+    const results = searchDomains(trimmed);
+    setSearchResults(results);
+    setSearchIndex(0);
+  }, []);
+  const handleSearchSelect = useCallback((domain) => {
+    const full = getDomainDetails(domain.id);
+    if (full) {
+      setDetails(full);
+      setView("detail");
+    }
+  }, []);
+  const detailDns = details ? listDnsRecords(details.domain.id) : [];
+  return /* @__PURE__ */ jsxDEV5(Box5, {
+    flexDirection: "column",
+    padding: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV5(Header, {
+        count: view === "search" ? searchResults.length : domains.length,
+        filter,
+        view
+      }, undefined, false, undefined, this),
+      view === "list" && /* @__PURE__ */ jsxDEV5(Box5, {
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxDEV5(DomainTable, {
+            domains,
+            selectedIndex
+          }, undefined, false, undefined, this),
+          previewDetails && /* @__PURE__ */ jsxDEV5(Box5, {
+            marginTop: 1,
+            flexDirection: "column",
+            children: [
+              /* @__PURE__ */ jsxDEV5(Text5, {
+                bold: true,
+                dimColor: true,
+                children: "Selected"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV5(DomainDetail, {
+                details: previewDetails,
+                dnsRecords: previewDns,
+                compact: true
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV5(Box5, {
+            marginTop: 1,
+            children: /* @__PURE__ */ jsxDEV5(Text5, {
+              dimColor: true,
+              children: "\u2191\u2193 j/k navigate \xB7 enter detail \xB7 / search \xB7 f filter \xB7 r refresh \xB7 q quit"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      view === "detail" && details && /* @__PURE__ */ jsxDEV5(DomainDetail, {
+        details,
+        dnsRecords: detailDns
+      }, undefined, false, undefined, this),
+      view === "search" && /* @__PURE__ */ jsxDEV5(SearchView, {
+        results: searchResults,
+        selectedIndex: searchIndex,
+        onSearch: handleSearch,
+        onSelect: handleSearchSelect,
+        onBack: () => setView("list")
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/cli/commands/interactive.tsx
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+function registerInteractiveCommand(program2) {
+  program2.command("interactive").description("Launch interactive domain portfolio browser (Ink TUI)").option("--status <status>", "Initial filter status (e.g. active, premium)").action((opts) => {
+    if (!process.stdin.isTTY || !process.stdout.isTTY) {
+      console.error(chalk.red("Interactive mode requires a TTY terminal."));
+      console.error(chalk.dim("Use `domains domain list` or `domains domain get <name>` for non-interactive use."));
+      process.exit(1);
+    }
+    render(/* @__PURE__ */ jsxDEV6(App, {
+      initialStatus: opts.status
+    }, undefined, false, undefined, this));
+  });
+}
+
 // src/cli/index.ts
 init_version();
 var program2 = new Command;
@@ -39968,4 +40593,5 @@ registerOutreachCommand(program2);
 registerSedoCommand(program2);
 registerWalletCommand(program2);
 registerProvisionCommand(program2);
+registerInteractiveCommand(program2);
 program2.parse(process.argv);

package/dist/cli/tui/App.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface AppProps {
+    initialStatus?: string;
+}
+export declare function App({ initialStatus }: AppProps): React.JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/dist/cli/tui/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../../src/cli/tui/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAmBzE,MAAM,WAAW,QAAQ;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAeD,wBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,QAAQ,qBAqJ9C"}

package/dist/cli/tui/DomainDetail.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { DomainDetails } from "../../db/domains.js";
+import type { DnsRecord } from "../../db/dns-records.js";
+interface DomainDetailProps {
+    details: DomainDetails;
+    dnsRecords?: DnsRecord[];
+    compact?: boolean;
+}
+export declare function DomainDetail({ details, dnsRecords, compact }: DomainDetailProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DomainDetail.d.ts.map

package/dist/cli/tui/DomainDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainDetail.d.ts","sourceRoot":"","sources":["../../../src/cli/tui/DomainDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,UAAU,iBAAiB;IACzB,OAAO,EAAE,aAAa,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,UAAe,EAAE,OAAe,EAAE,EAAE,iBAAiB,qBAqF5F"}

package/dist/cli/tui/DomainTable.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { Domain } from "../../db/domains.js";
+interface DomainTableProps {
+    domains: Domain[];
+    selectedIndex: number;
+    compact?: boolean;
+}
+export declare function DomainTable({ domains, selectedIndex, compact }: DomainTableProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DomainTable.d.ts.map

package/dist/cli/tui/DomainTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainTable.d.ts","sourceRoot":"","sources":["../../../src/cli/tui/DomainTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAWlD,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,OAAe,EAAE,EAAE,gBAAgB,qBA2DxF"}

package/dist/cli/tui/Header.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { DomainFilter } from "./format.js";
+interface HeaderProps {
+    count: number;
+    filter: DomainFilter;
+    view: "list" | "detail" | "search";
+}
+export declare function Header({ count, filter, view }: HeaderProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/dist/cli/tui/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/cli/tui/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACpC;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,qBAmB1D"}

package/dist/cli/tui/SearchView.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { Domain } from "../../db/domains.js";
+interface SearchViewProps {
+    results: Domain[];
+    selectedIndex: number;
+    onSearch: (query: string) => void;
+    onSelect: (domain: Domain) => void;
+    onBack: () => void;
+}
+export declare function SearchView({ results, selectedIndex, onSearch, onSelect, onBack, }: SearchViewProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SearchView.d.ts.map

package/dist/cli/tui/SearchView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchView.d.ts","sourceRoot":"","sources":["../../../src/cli/tui/SearchView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,qBAgCjB"}

package/dist/cli/tui/format.d.ts

@@ -0,0 +1,17 @@
+import type { Domain, DomainStatus } from "../../db/domains.js";
+export declare const TABLE_COLS: {
+    readonly name: 28;
+    readonly status: 14;
+    readonly expires: 12;
+    readonly registrar: 16;
+};
+export declare function pad(value: string, width: number): string;
+export declare function formatDate(iso: string | null | undefined): string;
+export declare function daysUntil(iso: string | null | undefined): string;
+export declare const STATUS_COLORS: Record<DomainStatus, string>;
+export declare function domainRowLabel(domain: Domain): string;
+export declare function stripAnsi(value: string | undefined): string;
+export type DomainFilter = "all" | "active" | "expiring" | "premium";
+export declare const DOMAIN_FILTERS: DomainFilter[];
+export declare function filterLabel(filter: DomainFilter): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/cli/tui/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/cli/tui/format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEhE,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGxD;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAGjE;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAOhE;AAED,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAatD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAE3D;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAErE,eAAO,MAAM,cAAc,EAAE,YAAY,EAA6C,CAAC;AAEvF,wBAAgB,WAAW,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAWxD"}

package/dist/index.js

@@ -4,43 +4,25 @@ var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
 var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
   for (let key of __getOwnPropNames(mod))
     if (!__hasOwnProp.call(to, key))
       __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
+        get: () => mod[key],
         enumerable: true
       });
-  if (canCache)
-    cache.set(mod, to);
   return to;
 };
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: __exportSetter.bind(all, name)
+      set: (newValue) => all[name] = () => newValue
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -15823,7 +15805,7 @@ var require_package = __commonJS((exports, module) => {
 
 // node_modules/@aws-sdk/util-user-agent-node/dist-cjs/index.js
 var require_dist_cjs41 = __commonJS((exports) => {
-  var __dirname = "/home/hasna/workspace/hasna/opensource/open-domains/node_modules/@aws-sdk/util-user-agent-node/dist-cjs";
+  var __dirname = "/Users/hasna/Workspace/hasna/opensource/open-domains/node_modules/@aws-sdk/util-user-agent-node/dist-cjs";
   var node_os = __require("os");
   var node_process = __require("process");
   var utilConfigProvider = require_dist_cjs33();

package/dist/mcp/index.js

@@ -5,43 +5,25 @@ var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toESMCache_node;
-var __toESMCache_esm;
 var __toESM = (mod, isNodeMode, target) => {
-  var canCache = mod != null && typeof mod === "object";
-  if (canCache) {
-    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
-    var cached = cache.get(mod);
-    if (cached)
-      return cached;
-  }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
   for (let key of __getOwnPropNames(mod))
     if (!__hasOwnProp.call(to, key))
       __defProp(to, key, {
-        get: __accessProp.bind(mod, key),
+        get: () => mod[key],
         enumerable: true
       });
-  if (canCache)
-    cache.set(mod, to);
   return to;
 };
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: __exportSetter.bind(all, name)
+      set: (newValue) => all[name] = () => newValue
     });
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
@@ -16073,7 +16055,7 @@ var require_package = __commonJS((exports, module) => {
 
 // node_modules/@aws-sdk/util-user-agent-node/dist-cjs/index.js
 var require_dist_cjs41 = __commonJS((exports) => {
-  var __dirname = "/home/hasna/workspace/hasna/opensource/open-domains/node_modules/@aws-sdk/util-user-agent-node/dist-cjs";
+  var __dirname = "/Users/hasna/Workspace/hasna/opensource/open-domains/node_modules/@aws-sdk/util-user-agent-node/dist-cjs";
   var node_os = __require("os");
   var node_process = __require("process");
   var utilConfigProvider = require_dist_cjs33();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hasna/domains",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Domain portfolio and DNS management for AI agents — CLI + MCP server with SQLite",
   "type": "module",
   "main": "dist/index.js",
@@ -21,7 +21,7 @@
     "README.md"
   ],
   "scripts": {
-    "build": "bun build src/cli/index.ts --outdir dist/cli --target bun --external @modelcontextprotocol/sdk --external @hasna/cloud && bun build src/mcp/index.ts --outdir dist/mcp --target bun --external @modelcontextprotocol/sdk --external @hasna/cloud && bun build src/index.ts --outdir dist --target bun --external @hasna/cloud && tsc --emitDeclarationOnly --outDir dist",
+    "build": "bun build src/cli/index.ts --outdir dist/cli --target bun --external ink --external react --external chalk --external ink-text-input --external @modelcontextprotocol/sdk --external @hasna/cloud && bun build src/mcp/index.ts --outdir dist/mcp --target bun --external @modelcontextprotocol/sdk --external @hasna/cloud && bun build src/index.ts --outdir dist --target bun --external @hasna/cloud && tsc --emitDeclarationOnly --outDir dist",
     "typecheck": "tsc --noEmit",
     "test": "bun test",
     "dev:cli": "bun run src/cli/index.ts",
@@ -65,11 +65,17 @@
     "@hasna/contacts": "^0.6.16",
     "@hasna/wallets": "^0.1.7",
     "@modelcontextprotocol/sdk": "^1.12.1",
+    "chalk": "^5.4.1",
     "commander": "^13.1.0",
+    "ink": "^5.2.0",
+    "ink-text-input": "^6.0.0",
+    "react": "^18.3.1",
     "zod": "^3.24.2"
   },
   "devDependencies": {
     "@types/bun": "^1.2.4",
+    "@types/react": "^18.3.18",
+    "ink-testing-library": "^4.0.0",
     "typescript": "^5.7.3"
   }
 }