opencode-account-manager 0.4.1

package/src/tui/components/SectionBox.tsx

@@ -0,0 +1,35 @@
+import React from "react";
+import { Box, Text } from "ink";
+
+interface SectionBoxProps {
+  title: string;
+  children: React.ReactNode;
+  borderColor?: string;
+  collapsed?: boolean;
+}
+
+export function SectionBox({ 
+  title, 
+  children, 
+  borderColor = "gray",
+  collapsed = false 
+}: SectionBoxProps) {
+  return (
+    <Box 
+      flexDirection="column" 
+      borderStyle="round" 
+      borderColor={borderColor}
+      marginBottom={1}
+    >
+      <Box paddingX={1}>
+        <Text bold color="white">{title}</Text>
+        {collapsed && <Text dimColor> (collapsed)</Text>}
+      </Box>
+      {!collapsed && (
+        <Box flexDirection="column" paddingY={0}>
+          {children}
+        </Box>
+      )}
+    </Box>
+  );
+}

package/src/tui/components/StatsRow.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import { Box, Text } from "ink";
+
+interface StatCardProps {
+  label: string;
+  value: string | number;
+  color?: string;
+}
+
+export function StatCard({ label, value, color = "white" }: StatCardProps) {
+  return (
+    <Box flexDirection="column" marginRight={2}>
+      <Text dimColor>{label}</Text>
+      <Text bold color={color}>
+        {value}
+      </Text>
+    </Box>
+  );
+}
+
+interface StatsRowProps {
+  stats: StatCardProps[];
+}
+
+export function StatsRow({ stats }: StatsRowProps) {
+  return (
+    <Box flexDirection="row" marginY={1}>
+      {stats.map((stat, index) => (
+        <StatCard key={index} {...stat} />
+      ))}
+    </Box>
+  );
+}

package/src/tui/components/StatusBadge.tsx

@@ -0,0 +1,33 @@
+import React from "react";
+import { Text } from "ink";
+
+interface StatusBadgeProps {
+  status: "available" | "limited" | "disabled" | "error";
+  label?: string;
+}
+
+const STATUS_COLORS: Record<string, string> = {
+  available: "green",
+  limited: "yellow",
+  disabled: "gray",
+  error: "red",
+};
+
+const STATUS_ICONS: Record<string, string> = {
+  available: "●",
+  limited: "○",
+  disabled: "x",
+  error: "!",
+};
+
+export function StatusBadge({ status, label }: StatusBadgeProps) {
+  const color = STATUS_COLORS[status] || "gray";
+  const icon = STATUS_ICONS[status] || "?";
+  const text = label || status.toUpperCase();
+
+  return (
+    <Text color={color}>
+      {icon} {text}
+    </Text>
+  );
+}

package/src/tui/components/index.ts

@@ -0,0 +1,13 @@
+export { Box } from "./Box";
+export { Header } from "./Header";
+export { StatusBadge } from "./StatusBadge";
+export { StatCard, StatsRow } from "./StatsRow";
+export { AccountRow, AccountList } from "./AccountList";
+export { MenuBar, MenuAction } from "./Menu";
+export { ProviderList } from "./ProviderList";
+export { McpServerList } from "./McpServerList";
+export { SectionBox } from "./SectionBox";
+export { PasswordInput } from "./PasswordInput";
+export { FileBrowser } from "./FileBrowser";
+export { ExportModal } from "./ExportModal";
+export { ImportModal } from "./ImportModal";

package/src/tui/index.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { render } from "ink";
+import { Dashboard } from "./Dashboard";
+
+export interface TuiOptions {
+  pluginPath?: string;
+}
+
+export function startTuiDashboard(options: TuiOptions) {
+  render(<Dashboard pluginPath={options.pluginPath} />);
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "commonjs",
+    "lib": ["ES2020"],
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "jsx": "react"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}