@vikasitai/vikasit-code 2.0.7 → 2.0.9

package/src/cli/cmd/tui/feature-plugins/sidebar/mcp.tsx

@@ -1,96 +0,0 @@
-import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@vikasitai/plugin/tui"
-import { createMemo, For, Match, Show, Switch, createSignal } from "solid-js"
-
-const id = "internal:sidebar-mcp"
-
-function View(props: { api: TuiPluginApi }) {
-  const [open, setOpen] = createSignal(true)
-  const theme = () => props.api.theme.current
-  const list = createMemo(() => props.api.state.mcp())
-  const on = createMemo(() => list().filter((item) => item.status === "connected").length)
-  const bad = createMemo(
-    () =>
-      list().filter(
-        (item) =>
-          item.status === "failed" || item.status === "needs_auth" || item.status === "needs_client_registration",
-      ).length,
-  )
-
-  const dot = (status: string) => {
-    if (status === "connected") return theme().success
-    if (status === "failed") return theme().error
-    if (status === "disabled") return theme().textMuted
-    if (status === "needs_auth") return theme().warning
-    if (status === "needs_client_registration") return theme().error
-    return theme().textMuted
-  }
-
-  return (
-    <Show when={list().length > 0}>
-      <box>
-        <box flexDirection="row" gap={1} onMouseDown={() => list().length > 2 && setOpen((x) => !x)}>
-          <Show when={list().length > 2}>
-            <text fg={theme().text}>{open() ? "▼" : "▶"}</text>
-          </Show>
-          <text fg={theme().text}>
-            <b>MCP</b>
-            <Show when={!open()}>
-              <span style={{ fg: theme().textMuted }}>
-                {" "}
-                ({on()} active{bad() > 0 ? `, ${bad()} error${bad() > 1 ? "s" : ""}` : ""})
-              </span>
-            </Show>
-          </text>
-        </box>
-        <Show when={list().length <= 2 || open()}>
-          <For each={list()}>
-            {(item) => (
-              <box flexDirection="row" gap={1}>
-                <text
-                  flexShrink={0}
-                  style={{
-                    fg: dot(item.status),
-                  }}
-                >
-                  •
-                </text>
-                <text fg={theme().text} wrapMode="word">
-                  {item.name}{" "}
-                  <span style={{ fg: theme().textMuted }}>
-                    <Switch fallback={item.status}>
-                      <Match when={item.status === "connected"}>Connected</Match>
-                      <Match when={item.status === "failed"}>
-                        <i>{item.error}</i>
-                      </Match>
-                      <Match when={item.status === "disabled"}>Disabled</Match>
-                      <Match when={item.status === "needs_auth"}>Needs auth</Match>
-                      <Match when={item.status === "needs_client_registration"}>Needs client ID</Match>
-                    </Switch>
-                  </span>
-                </text>
-              </box>
-            )}
-          </For>
-        </Show>
-      </box>
-    </Show>
-  )
-}
-
-const tui: TuiPlugin = async (api) => {
-  api.slots.register({
-    order: 200,
-    slots: {
-      sidebar_content() {
-        return <View api={api} />
-      },
-    },
-  })
-}
-
-const plugin: TuiPluginModule & { id: string } = {
-  id,
-  tui,
-}
-
-export default plugin

package/src/cli/cmd/tui/feature-plugins/sidebar/todo.tsx

@@ -1,48 +0,0 @@
-import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@vikasitai/plugin/tui"
-import { createMemo, For, Show, createSignal } from "solid-js"
-import { TodoItem } from "../../component/todo-item"
-
-const id = "internal:sidebar-todo"
-
-function View(props: { api: TuiPluginApi; session_id: string }) {
-  const [open, setOpen] = createSignal(true)
-  const theme = () => props.api.theme.current
-  const list = createMemo(() => props.api.state.session.todo(props.session_id))
-  const show = createMemo(() => list().length > 0 && list().some((item) => item.status !== "completed"))
-
-  return (
-    <Show when={show()}>
-      <box>
-        <box flexDirection="row" gap={1} onMouseDown={() => list().length > 2 && setOpen((x) => !x)}>
-          <Show when={list().length > 2}>
-            <text fg={theme().text}>{open() ? "▼" : "▶"}</text>
-          </Show>
-          <text fg={theme().text}>
-            <b>Todo</b>
-          </text>
-        </box>
-        <Show when={list().length <= 2 || open()}>
-          <For each={list()}>{(item) => <TodoItem status={item.status} content={item.content} />}</For>
-        </Show>
-      </box>
-    </Show>
-  )
-}
-
-const tui: TuiPlugin = async (api) => {
-  api.slots.register({
-    order: 400,
-    slots: {
-      sidebar_content(_ctx, props) {
-        return <View api={api} session_id={props.session_id} />
-      },
-    },
-  })
-}
-
-const plugin: TuiPluginModule & { id: string } = {
-  id,
-  tui,
-}
-
-export default plugin

package/src/cli/cmd/tui/feature-plugins/system/invite.tsx

@@ -1,148 +0,0 @@
-import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@vikasitai/plugin/tui"
-import { createSignal } from "solid-js"
-import { DialogPrompt } from "@tui/ui/dialog-prompt"
-
-declare const VIKASIT_CONSOLE_URL_DEFAULT: string | undefined
-
-const id = "internal:invite"
-
-function getInviteUrl(): string {
-  const base =
-    globalThis?.process?.env?.["VIKASIT_CONSOLE_URL"] ||
-    (typeof VIKASIT_CONSOLE_URL_DEFAULT === "string" ? VIKASIT_CONSOLE_URL_DEFAULT : "https://vikasit.ai")
-  return `${base}/api/invite`
-}
-
-function getApiKey(): string {
-  try {
-    const fs = require("fs")
-    const path = require("path")
-    const os = require("os")
-    const authFile = path.join(os.homedir(), ".local/share/vikasit/auth.json")
-    const data = JSON.parse(fs.readFileSync(authFile, "utf-8"))
-    const provider = data["vikasit-ai"]
-    if (provider?.type === "api") return provider.key
-    if (provider?.type === "oauth") return provider.access
-  } catch {}
-  return globalThis?.process?.env?.["VIKASIT_API_KEY"] ?? ""
-}
-
-function isValidEmail(email: string): boolean {
-  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)
-}
-
-async function sendInvite(to: string, message?: string): Promise<{ success: boolean; message: string; remaining?: number }> {
-  const apiKey = getApiKey()
-  const res = await fetch(getInviteUrl(), {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      "x-api-key": apiKey,
-    },
-    body: JSON.stringify({ to, message: message || undefined }),
-  })
-
-  const data = await res.json()
-
-  if (!res.ok) {
-    return { success: false, message: data.error || "Failed to send invite" }
-  }
-
-  return { success: true, message: data.message, remaining: data.remaining }
-}
-
-function MessagePrompt(props: { api: TuiPluginApi; email: string }) {
-  const [busy, setBusy] = createSignal(false)
-
-  return (
-    <DialogPrompt
-      title="Add a personal message (optional)"
-      placeholder="Write a message... (enter to skip)"
-      busy={busy()}
-      busyText="Sending..."
-      onConfirm={async (value) => {
-        setBusy(true)
-        try {
-          const result = await sendInvite(props.email, value.trim() || undefined)
-          props.api.ui.dialog.clear()
-          if (result.success) {
-            props.api.ui.toast({
-              variant: "success",
-              title: "Spark sent!",
-              message: result.remaining !== undefined ? `${result.remaining} sparks remaining today` : result.message,
-            })
-          } else {
-            props.api.ui.toast({
-              variant: "error",
-              title: "Failed to send",
-              message: result.message,
-            })
-          }
-        } catch {
-          props.api.ui.dialog.clear()
-          props.api.ui.toast({
-            variant: "error",
-            title: "Network error",
-            message: "Could not reach the server. Check your connection.",
-          })
-        }
-      }}
-      onCancel={() => {
-        props.api.ui.dialog.clear()
-      }}
-    />
-  )
-}
-
-function EmailPrompt(props: { api: TuiPluginApi }) {
-  return (
-    <DialogPrompt
-      title="Send a Vikasit Spark"
-      placeholder="Enter email address"
-      onConfirm={(value) => {
-        const email = value.trim()
-        if (!email) {
-          props.api.ui.dialog.clear()
-          return
-        }
-
-        if (!isValidEmail(email)) {
-          props.api.ui.toast({
-            variant: "error",
-            message: "Please enter a valid email address",
-          })
-          return
-        }
-
-        props.api.ui.dialog.replace(() => <MessagePrompt api={props.api} email={email} />)
-      }}
-      onCancel={() => {
-        props.api.ui.dialog.clear()
-      }}
-    />
-  )
-}
-
-const tui: TuiPlugin = async (api) => {
-  api.command.register(() => [
-    {
-      title: "Send a Vikasit Spark",
-      description: "Invite someone to try Vikasit Code",
-      value: "spark",
-      category: "Account",
-      slash: {
-        name: "spark",
-      },
-      onSelect() {
-        api.ui.dialog.replace(() => <EmailPrompt api={api} />)
-      },
-    },
-  ])
-}
-
-const plugin: TuiPluginModule & { id: string } = {
-  id,
-  tui,
-}
-
-export default plugin

package/src/cli/cmd/tui/feature-plugins/system/plugins.tsx

@@ -1,270 +0,0 @@
-import { Keybind } from "@/util/keybind"
-import type { TuiPlugin, TuiPluginApi, TuiPluginModule, TuiPluginStatus } from "@vikasitai/plugin/tui"
-import { useKeyboard, useTerminalDimensions } from "@opentui/solid"
-import { fileURLToPath } from "url"
-import { DialogSelect, type DialogSelectOption } from "@tui/ui/dialog-select"
-import { Show, createEffect, createMemo, createSignal } from "solid-js"
-
-const id = "internal:plugin-manager"
-const key = Keybind.parse("space").at(0)
-const add = Keybind.parse("shift+i").at(0)
-const tab = Keybind.parse("tab").at(0)
-
-function state(api: TuiPluginApi, item: TuiPluginStatus) {
-  if (!item.enabled) {
-    return <span style={{ fg: api.theme.current.textMuted }}>disabled</span>
-  }
-
-  return (
-    <span style={{ fg: item.active ? api.theme.current.success : api.theme.current.error }}>
-      {item.active ? "active" : "inactive"}
-    </span>
-  )
-}
-
-function source(spec: string) {
-  if (!spec.startsWith("file://")) return
-  return fileURLToPath(spec)
-}
-
-function meta(item: TuiPluginStatus, width: number) {
-  if (item.source === "internal") {
-    if (width >= 120) return "Built-in plugin"
-    return "Built-in"
-  }
-  const next = source(item.spec)
-  if (next) return next
-  return item.spec
-}
-
-function Install(props: { api: TuiPluginApi }) {
-  const [global, setGlobal] = createSignal(false)
-  const [busy, setBusy] = createSignal(false)
-
-  useKeyboard((evt) => {
-    if (evt.name !== "tab") return
-    evt.preventDefault()
-    evt.stopPropagation()
-    if (busy()) return
-    setGlobal((x) => !x)
-  })
-
-  return (
-    <props.api.ui.DialogPrompt
-      title="Install plugin"
-      placeholder="npm package name"
-      busy={busy()}
-      busyText="Installing plugin..."
-      description={() => (
-        <box flexDirection="row" gap={1}>
-          <text fg={props.api.theme.current.textMuted}>scope:</text>
-          <text fg={busy() ? props.api.theme.current.textMuted : props.api.theme.current.text}>
-            {global() ? "global" : "local"}
-          </text>
-          <Show when={!busy()}>
-            <text fg={props.api.theme.current.textMuted}>({Keybind.toString(tab)} toggle)</text>
-          </Show>
-        </box>
-      )}
-      onConfirm={(raw) => {
-        if (busy()) return
-        const mod = raw.trim()
-        if (!mod) {
-          props.api.ui.toast({
-            variant: "error",
-            message: "Plugin package name is required",
-          })
-          return
-        }
-
-        setBusy(true)
-        props.api.plugins
-          .install(mod, { global: global() })
-          .then((out) => {
-            if (!out.ok) {
-              props.api.ui.toast({
-                variant: "error",
-                message: out.message,
-              })
-              if (out.missing) {
-                props.api.ui.toast({
-                  variant: "info",
-                  message: "Check npm registry/auth settings and try again.",
-                })
-              }
-              show(props.api)
-              return
-            }
-
-            props.api.ui.toast({
-              variant: "success",
-              message: `Installed ${mod} (${global() ? "global" : "local"}: ${out.dir})`,
-            })
-            if (!out.tui) {
-              props.api.ui.toast({
-                variant: "info",
-                message: "Package has no TUI target to load in this app.",
-              })
-              show(props.api)
-              return
-            }
-
-            return props.api.plugins.add(mod).then((ok) => {
-              if (!ok) {
-                props.api.ui.toast({
-                  variant: "warning",
-                  message: "Installed plugin, but runtime load failed. See console/logs; restart TUI to retry.",
-                })
-                show(props.api)
-                return
-              }
-
-              props.api.ui.toast({
-                variant: "success",
-                message: `Loaded ${mod} in current session.`,
-              })
-              show(props.api)
-            })
-          })
-          .finally(() => {
-            setBusy(false)
-          })
-      }}
-      onCancel={() => {
-        show(props.api)
-      }}
-    />
-  )
-}
-
-function row(api: TuiPluginApi, item: TuiPluginStatus, width: number): DialogSelectOption<string> {
-  return {
-    title: item.id,
-    value: item.id,
-    category: item.source === "internal" ? "Internal" : "External",
-    description: meta(item, width),
-    footer: state(api, item),
-    disabled: item.id === id,
-  }
-}
-
-function showInstall(api: TuiPluginApi) {
-  api.ui.dialog.replace(() => <Install api={api} />)
-}
-
-function View(props: { api: TuiPluginApi }) {
-  const size = useTerminalDimensions()
-  const [list, setList] = createSignal(props.api.plugins.list())
-  const [cur, setCur] = createSignal<string | undefined>()
-  const [lock, setLock] = createSignal(false)
-
-  createEffect(() => {
-    const width = size().width
-    if (width >= 128) {
-      props.api.ui.dialog.setSize("xlarge")
-      return
-    }
-    if (width >= 96) {
-      props.api.ui.dialog.setSize("large")
-      return
-    }
-    props.api.ui.dialog.setSize("medium")
-  })
-
-  const rows = createMemo(() =>
-    [...list()]
-      .sort((a, b) => {
-        const x = a.source === "internal" ? 1 : 0
-        const y = b.source === "internal" ? 1 : 0
-        if (x !== y) return x - y
-        return a.id.localeCompare(b.id)
-      })
-      .map((item) => row(props.api, item, size().width)),
-  )
-
-  const flip = (x: string) => {
-    if (lock()) return
-    const item = list().find((entry) => entry.id === x)
-    if (!item) return
-    setLock(true)
-    const task = item.active ? props.api.plugins.deactivate(x) : props.api.plugins.activate(x)
-    task
-      .then((ok) => {
-        if (!ok) {
-          props.api.ui.toast({
-            variant: "error",
-            message: `Failed to update plugin ${item.id}`,
-          })
-        }
-        setList(props.api.plugins.list())
-      })
-      .finally(() => {
-        setLock(false)
-      })
-  }
-
-  return (
-    <DialogSelect
-      title="Plugins"
-      options={rows()}
-      current={cur()}
-      onMove={(item) => setCur(item.value)}
-      keybind={[
-        {
-          title: "toggle",
-          keybind: key,
-          disabled: lock(),
-          onTrigger: (item) => {
-            setCur(item.value)
-            flip(item.value)
-          },
-        },
-        {
-          title: "install",
-          keybind: add,
-          disabled: lock(),
-          onTrigger: () => {
-            showInstall(props.api)
-          },
-        },
-      ]}
-      onSelect={(item) => {
-        setCur(item.value)
-        flip(item.value)
-      }}
-    />
-  )
-}
-
-function show(api: TuiPluginApi) {
-  api.ui.dialog.replace(() => <View api={api} />)
-}
-
-const tui: TuiPlugin = async (api) => {
-  api.command.register(() => [
-    {
-      title: "Plugins",
-      value: "plugins.list",
-      keybind: "plugin_manager",
-      category: "System",
-      onSelect() {
-        show(api)
-      },
-    },
-    {
-      title: "Install plugin",
-      value: "plugins.install",
-      category: "System",
-      onSelect() {
-        showInstall(api)
-      },
-    },
-  ])
-}
-
-const plugin: TuiPluginModule & { id: string } = {
-  id,
-  tui,
-}
-
-export default plugin