reigncode-app 1.3.2 → 1.4.0

package/src/components/dialog-select-model.tsx

@@ -2,21 +2,21 @@ import { Popover as Kobalte } from "@kobalte/core/popover"
 import { Component, ComponentProps, createMemo, JSX, Show, ValidComponent } from "solid-js"
 import { createStore } from "solid-js/store"
 import { useLocal } from "@/context/local"
-import { useDialog } from "@reign-labs/ui/context/dialog"
+import { useDialog } from "reigncode-ui/context/dialog"
 import { popularProviders } from "@/hooks/use-providers"
-import { Button } from "@reign-labs/ui/button"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { Tag } from "@reign-labs/ui/tag"
-import { Dialog } from "@reign-labs/ui/dialog"
-import { List } from "@reign-labs/ui/list"
-import { Tooltip } from "@reign-labs/ui/tooltip"
+import { Button } from "reigncode-ui/button"
+import { IconButton } from "reigncode-ui/icon-button"
+import { Tag } from "reigncode-ui/tag"
+import { Dialog } from "reigncode-ui/dialog"
+import { List } from "reigncode-ui/list"
+import { Tooltip } from "reigncode-ui/tooltip"
 import { DialogSelectProvider } from "./dialog-select-provider"
 import { DialogManageModels } from "./dialog-manage-models"
 import { ModelTooltip } from "./model-tooltip"
 import { useLanguage } from "@/context/language"
 
 const isFree = (provider: string, cost: { input: number } | undefined) =>
-  provider === "opencode" && (!cost || cost.input === 0)
+  provider === "reigncode" && (!cost || cost.input === 0)
 
 type ModelState = ReturnType<typeof useLocal>["model"]
 

package/src/components/dialog-select-provider.tsx

@@ -1,10 +1,10 @@
 import { Component, Show } from "solid-js"
-import { useDialog } from "@reign-labs/ui/context/dialog"
+import { useDialog } from "reigncode-ui/context/dialog"
 import { popularProviders, useProviders } from "@/hooks/use-providers"
-import { Dialog } from "@reign-labs/ui/dialog"
-import { List } from "@reign-labs/ui/list"
-import { Tag } from "@reign-labs/ui/tag"
-import { ProviderIcon } from "@reign-labs/ui/provider-icon"
+import { Dialog } from "reigncode-ui/dialog"
+import { List } from "reigncode-ui/list"
+import { Tag } from "reigncode-ui/tag"
+import { ProviderIcon } from "reigncode-ui/provider-icon"
 import { DialogConnectProvider } from "./dialog-connect-provider"
 import { useLanguage } from "@/context/language"
 import { DialogCustomProvider } from "./dialog-custom-provider"
@@ -23,7 +23,7 @@ export const DialogSelectProvider: Component = () => {
     if (id === "anthropic") return language.t("dialog.provider.anthropic.note")
     if (id === "openai") return language.t("dialog.provider.openai.note")
     if (id.startsWith("github-copilot")) return language.t("dialog.provider.copilot.note")
-    if (id === "opencode-go") return language.t("dialog.provider.opencodeGo.tagline")
+    if (id === "reigncode-go") return language.t("dialog.provider.opencodeGo.tagline")
   }
 
   return (
@@ -65,17 +65,17 @@ export const DialogSelectProvider: Component = () => {
           <div class="px-1.25 w-full flex items-center gap-x-3">
             <ProviderIcon data-slot="list-item-extra-icon" id={i.id} />
             <span>{i.name}</span>
-            <Show when={i.id === "opencode"}>
-              <div class="text-14-regular text-text-weak">{language.t("dialog.provider.opencode.tagline")}</div>
+            <Show when={i.id === "reigncode"}>
+              <div class="text-14-regular text-text-weak">{language.t("dialog.provider.reigncode.tagline")}</div>
             </Show>
             <Show when={i.id === CUSTOM_ID}>
               <Tag>{language.t("settings.providers.tag.custom")}</Tag>
             </Show>
-            <Show when={i.id === "opencode"}>
+            <Show when={i.id === "reigncode"}>
               <Tag>{language.t("dialog.provider.tag.recommended")}</Tag>
             </Show>
             <Show when={note(i.id)}>{(value) => <div class="text-14-regular text-text-weak">{value()}</div>}</Show>
-            <Show when={i.id === "opencode-go"}>
+            <Show when={i.id === "reigncode-go"}>
               <Tag>{language.t("dialog.provider.tag.recommended")}</Tag>
             </Show>
           </div>

package/src/components/dialog-select-server.tsx

@@ -1,13 +1,13 @@
-import { Button } from "@reign-labs/ui/button"
-import { useDialog } from "@reign-labs/ui/context/dialog"
-import { Dialog } from "@reign-labs/ui/dialog"
-import { DropdownMenu } from "@reign-labs/ui/dropdown-menu"
-import { Icon } from "@reign-labs/ui/icon"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { List } from "@reign-labs/ui/list"
-import { TextField } from "@reign-labs/ui/text-field"
+import { Button } from "reigncode-ui/button"
+import { useDialog } from "reigncode-ui/context/dialog"
+import { Dialog } from "reigncode-ui/dialog"
+import { DropdownMenu } from "reigncode-ui/dropdown-menu"
+import { Icon } from "reigncode-ui/icon"
+import { IconButton } from "reigncode-ui/icon-button"
+import { List } from "reigncode-ui/list"
+import { TextField } from "reigncode-ui/text-field"
 import { useMutation } from "@tanstack/solid-query"
-import { showToast } from "@reign-labs/ui/toast"
+import { showToast } from "reigncode-ui/toast"
 import { useNavigate } from "@solidjs/router"
 import { createEffect, createMemo, createResource, onCleanup, Show } from "solid-js"
 import { createStore, reconcile } from "solid-js/store"
@@ -17,7 +17,7 @@ import { usePlatform } from "@/context/platform"
 import { normalizeServerUrl, ServerConnection, useServer } from "@/context/server"
 import { type ServerHealth, useCheckServerHealth } from "@/utils/server-health"
 
-const DEFAULT_USERNAME = "opencode"
+const DEFAULT_USERNAME = "reigncode"
 
 interface ServerFormProps {
   value: string

package/src/components/dialog-settings.tsx

@@ -1,7 +1,7 @@
 import { Component } from "solid-js"
-import { Dialog } from "@reign-labs/ui/dialog"
-import { Tabs } from "@reign-labs/ui/tabs"
-import { Icon } from "@reign-labs/ui/icon"
+import { Dialog } from "reigncode-ui/dialog"
+import { Tabs } from "reigncode-ui/tabs"
+import { Icon } from "reigncode-ui/icon"
 import { useLanguage } from "@/context/language"
 import { usePlatform } from "@/context/platform"
 import { SettingsGeneral } from "./settings-general"

package/src/components/file-tree.test.ts

@@ -20,15 +20,15 @@ beforeAll(async () => {
       },
     }),
   }))
-  mock.module("@reign-labs/ui/collapsible", () => ({
+  mock.module("reigncode-ui/collapsible", () => ({
     Collapsible: {
       Trigger: (props: { children?: unknown }) => props.children,
       Content: (props: { children?: unknown }) => props.children,
     },
   }))
-  mock.module("@reign-labs/ui/file-icon", () => ({ FileIcon: () => null }))
-  mock.module("@reign-labs/ui/icon", () => ({ Icon: () => null }))
-  mock.module("@reign-labs/ui/tooltip", () => ({ Tooltip: (props: { children?: unknown }) => props.children }))
+  mock.module("reigncode-ui/file-icon", () => ({ FileIcon: () => null }))
+  mock.module("reigncode-ui/icon", () => ({ Icon: () => null }))
+  mock.module("reigncode-ui/tooltip", () => ({ Tooltip: (props: { children?: unknown }) => props.children }))
   const mod = await import("./file-tree")
   shouldListRoot = mod.shouldListRoot
   shouldListExpanded = mod.shouldListExpanded

package/src/components/file-tree.tsx

@@ -1,8 +1,8 @@
 import { useFile } from "@/context/file"
 import { encodeFilePath } from "@/context/file/path"
-import { Collapsible } from "@reign-labs/ui/collapsible"
-import { FileIcon } from "@reign-labs/ui/file-icon"
-import { Icon } from "@reign-labs/ui/icon"
+import { Collapsible } from "reigncode-ui/collapsible"
+import { FileIcon } from "reigncode-ui/file-icon"
+import { Icon } from "reigncode-ui/icon"
 import {
   createEffect,
   createMemo,
@@ -18,7 +18,7 @@ import {
   type ParentProps,
 } from "solid-js"
 import { Dynamic } from "solid-js/web"
-import type { FileNode } from "@reign-labs/sdk/v2"
+import type { FileNode } from "reigncode-sdk/v2"
 
 const MAX_DEPTH = 128
 

package/src/components/prompt-input/attachments.ts

@@ -1,5 +1,5 @@
 import { onCleanup, onMount } from "solid-js"
-import { showToast } from "@reign-labs/ui/toast"
+import { showToast } from "reigncode-ui/toast"
 import { usePrompt, type ContentPart, type ImageAttachmentPart } from "@/context/prompt"
 import { useLanguage } from "@/context/language"
 import { uuid } from "@/utils/uuid"

package/src/components/prompt-input/build-request-parts.test.ts

@@ -184,7 +184,7 @@ describe("buildRequestParts", () => {
       text: "@README.md",
       messageID: "msg_mac_1",
       sessionID: "ses_mac_1",
-      sessionDirectory: "/Users/kelvin/Projects/opencode",
+      sessionDirectory: "/Users/kelvin/Projects/reigncode",
     })
 
     const filePart = result.requestParts.find((part) => part.type === "file")
@@ -193,7 +193,7 @@ describe("buildRequestParts", () => {
       // URL should be parseable
       expect(() => new URL(filePart.url)).not.toThrow()
       // Should be a normal Unix path
-      expect(filePart.url).toBe("file:///Users/kelvin/Projects/opencode/README.md")
+      expect(filePart.url).toBe("file:///Users/kelvin/Projects/reigncode/README.md")
     }
   })
 

package/src/components/prompt-input/build-request-parts.ts

@@ -1,5 +1,5 @@
-import { getFilename } from "@reign-labs/util/path"
-import { type AgentPartInput, type FilePartInput, type Part, type TextPartInput } from "@reign-labs/sdk/v2/client"
+import { getFilename } from "reigncode-util/path"
+import { type AgentPartInput, type FilePartInput, type Part, type TextPartInput } from "reigncode-sdk/v2/client"
 import type { FileSelection } from "@/context/file"
 import { encodeFilePath } from "@/context/file/path"
 import type { AgentPart, FileAttachmentPart, ImageAttachmentPart, Prompt } from "@/context/prompt"

package/src/components/prompt-input/context-items.tsx

@@ -1,8 +1,8 @@
 import { Component, For, Show } from "solid-js"
-import { FileIcon } from "@reign-labs/ui/file-icon"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { Tooltip } from "@reign-labs/ui/tooltip"
-import { getDirectory, getFilename, getFilenameTruncated } from "@reign-labs/util/path"
+import { FileIcon } from "reigncode-ui/file-icon"
+import { IconButton } from "reigncode-ui/icon-button"
+import { Tooltip } from "reigncode-ui/tooltip"
+import { getDirectory, getFilename, getFilenameTruncated } from "reigncode-util/path"
 import type { ContextItem } from "@/context/prompt"
 
 type PromptContextItem = ContextItem & { key: string }

package/src/components/prompt-input/drag-overlay.tsx

@@ -1,5 +1,5 @@
 import { Component, Show } from "solid-js"
-import { Icon } from "@reign-labs/ui/icon"
+import { Icon } from "reigncode-ui/icon"
 
 type PromptDragOverlayProps = {
   type: "image" | "@mention" | null

package/src/components/prompt-input/image-attachments.tsx

@@ -1,5 +1,5 @@
 import { Component, For, Show } from "solid-js"
-import { Icon } from "@reign-labs/ui/icon"
+import { Icon } from "reigncode-ui/icon"
 import type { ImageAttachmentPart } from "@/context/prompt"
 
 type PromptImageAttachmentsProps = {

package/src/components/prompt-input/slash-popover.tsx

@@ -1,7 +1,7 @@
 import { Component, For, Match, Show, Switch } from "solid-js"
-import { FileIcon } from "@reign-labs/ui/file-icon"
-import { Icon } from "@reign-labs/ui/icon"
-import { getDirectory, getFilename } from "@reign-labs/util/path"
+import { FileIcon } from "reigncode-ui/file-icon"
+import { Icon } from "reigncode-ui/icon"
+import { getDirectory, getFilename } from "reigncode-util/path"
 
 export type AtOption =
   | { type: "agent"; name: string; display: string }

package/src/components/prompt-input/submit.test.ts

@@ -63,18 +63,18 @@ beforeAll(async () => {
     useParams: () => params,
   }))
 
-  mock.module("@reign-labs/sdk/v2/client", () => ({
+  mock.module("reigncode-sdk/v2/client", () => ({
     createOpencodeClient: (input: { directory: string }) => {
       createdClients.push(input.directory)
       return clientFor(input.directory)
     },
   }))
 
-  mock.module("@reign-labs/ui/toast", () => ({
+  mock.module("reigncode-ui/toast", () => ({
     showToast: () => 0,
   }))
 
-  mock.module("@reign-labs/util/encode", () => ({
+  mock.module("reigncode-util/encode", () => ({
     base64Encode: (value: string) => value,
   }))
 

package/src/components/prompt-input/submit.ts

@@ -1,7 +1,7 @@
-import type { Message, Session } from "@reign-labs/sdk/v2/client"
-import { showToast } from "@reign-labs/ui/toast"
-import { base64Encode } from "@reign-labs/util/encode"
-import { Binary } from "@reign-labs/util/binary"
+import type { Message, Session } from "reigncode-sdk/v2/client"
+import { showToast } from "reigncode-ui/toast"
+import { base64Encode } from "reigncode-util/encode"
+import { Binary } from "reigncode-util/binary"
 import { useNavigate, useParams } from "@solidjs/router"
 import type { Accessor } from "solid-js"
 import type { FileSelection } from "@/context/file"

package/src/components/prompt-input.tsx

@@ -1,5 +1,5 @@
-import { useFilteredList } from "@reign-labs/ui/hooks"
-import { useSpring } from "@reign-labs/ui/motion-spring"
+import { useFilteredList } from "reigncode-ui/hooks"
+import { useSpring } from "reigncode-ui/motion-spring"
 import { createEffect, on, Component, Show, onCleanup, createMemo, createSignal } from "solid-js"
 import { createStore } from "solid-js/store"
 import { useLocal } from "@/context/local"
@@ -18,14 +18,14 @@ import { useLayout } from "@/context/layout"
 import { useSDK } from "@/context/sdk"
 import { useSync } from "@/context/sync"
 import { useComments } from "@/context/comments"
-import { Button } from "@reign-labs/ui/button"
-import { DockShellForm, DockTray } from "@reign-labs/ui/dock-surface"
-import { Icon } from "@reign-labs/ui/icon"
-import { ProviderIcon } from "@reign-labs/ui/provider-icon"
-import { Tooltip, TooltipKeybind } from "@reign-labs/ui/tooltip"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { Select } from "@reign-labs/ui/select"
-import { useDialog } from "@reign-labs/ui/context/dialog"
+import { Button } from "reigncode-ui/button"
+import { DockShellForm, DockTray } from "reigncode-ui/dock-surface"
+import { Icon } from "reigncode-ui/icon"
+import { ProviderIcon } from "reigncode-ui/provider-icon"
+import { Tooltip, TooltipKeybind } from "reigncode-ui/tooltip"
+import { IconButton } from "reigncode-ui/icon-button"
+import { Select } from "reigncode-ui/select"
+import { useDialog } from "reigncode-ui/context/dialog"
 import { ModelSelectorPopover } from "@/components/dialog-select-model"
 import { DialogSelectModelUnpaid } from "@/components/dialog-select-model-unpaid"
 import { useProviders } from "@/hooks/use-providers"
@@ -55,7 +55,7 @@ import { PromptContextItems } from "./prompt-input/context-items"
 import { PromptImageAttachments } from "./prompt-input/image-attachments"
 import { PromptDragOverlay } from "./prompt-input/drag-overlay"
 import { promptPlaceholder } from "./prompt-input/placeholder"
-import { ImagePreview } from "@reign-labs/ui/image-preview"
+import { ImagePreview } from "reigncode-ui/image-preview"
 
 interface PromptInputProps {
   class?: string

package/src/components/server/server-row.tsx

@@ -1,4 +1,4 @@
-import { Tooltip } from "@reign-labs/ui/tooltip"
+import { Tooltip } from "reigncode-ui/tooltip"
 import {
   children,
   createEffect,

package/src/components/session/session-context-breakdown.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, test } from "bun:test"
-import type { Message, Part } from "@reign-labs/sdk/v2/client"
+import type { Message, Part } from "reigncode-sdk/v2/client"
 import { estimateSessionContextBreakdown } from "./session-context-breakdown"
 
 const user = (id: string) => {

package/src/components/session/session-context-breakdown.ts

@@ -1,4 +1,4 @@
-import type { Message, Part } from "@reign-labs/sdk/v2/client"
+import type { Message, Part } from "reigncode-sdk/v2/client"
 
 export type SessionContextBreakdownKey = "system" | "user" | "assistant" | "tool" | "other"
 

package/src/components/session/session-context-metrics.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, test } from "bun:test"
-import type { Message } from "@reign-labs/sdk/v2/client"
+import type { Message } from "reigncode-sdk/v2/client"
 import { getSessionContextMetrics } from "./session-context-metrics"
 
 const assistant = (

package/src/components/session/session-context-metrics.ts

@@ -1,4 +1,4 @@
-import type { AssistantMessage, Message } from "@reign-labs/sdk/v2/client"
+import type { AssistantMessage, Message } from "reigncode-sdk/v2/client"
 
 type Provider = {
   id: string

package/src/components/session/session-context-tab.tsx

@@ -1,16 +1,16 @@
 import { createMemo, createEffect, on, onCleanup, For, Show } from "solid-js"
 import type { JSX } from "solid-js"
 import { useSync } from "@/context/sync"
-import { checksum } from "@reign-labs/util/encode"
-import { findLast } from "@reign-labs/util/array"
+import { checksum } from "reigncode-util/encode"
+import { findLast } from "reigncode-util/array"
 import { same } from "@/utils/same"
-import { Icon } from "@reign-labs/ui/icon"
-import { Accordion } from "@reign-labs/ui/accordion"
-import { StickyAccordionHeader } from "@reign-labs/ui/sticky-accordion-header"
-import { File } from "@reign-labs/ui/file"
-import { Markdown } from "@reign-labs/ui/markdown"
-import { ScrollView } from "@reign-labs/ui/scroll-view"
-import type { Message, Part, UserMessage } from "@reign-labs/sdk/v2/client"
+import { Icon } from "reigncode-ui/icon"
+import { Accordion } from "reigncode-ui/accordion"
+import { StickyAccordionHeader } from "reigncode-ui/sticky-accordion-header"
+import { File } from "reigncode-ui/file"
+import { Markdown } from "reigncode-ui/markdown"
+import { ScrollView } from "reigncode-ui/scroll-view"
+import type { Message, Part, UserMessage } from "reigncode-sdk/v2/client"
 import { useLanguage } from "@/context/language"
 import { useSessionLayout } from "@/pages/session/session-layout"
 import { getSessionContextMetrics } from "./session-context-metrics"

package/src/components/session/session-header.tsx

@@ -1,13 +1,13 @@
-import { AppIcon } from "@reign-labs/ui/app-icon"
-import { Button } from "@reign-labs/ui/button"
-import { DropdownMenu } from "@reign-labs/ui/dropdown-menu"
-import { Icon } from "@reign-labs/ui/icon"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { Keybind } from "@reign-labs/ui/keybind"
-import { Spinner } from "@reign-labs/ui/spinner"
-import { showToast } from "@reign-labs/ui/toast"
-import { Tooltip, TooltipKeybind } from "@reign-labs/ui/tooltip"
-import { getFilename } from "@reign-labs/util/path"
+import { AppIcon } from "reigncode-ui/app-icon"
+import { Button } from "reigncode-ui/button"
+import { DropdownMenu } from "reigncode-ui/dropdown-menu"
+import { Icon } from "reigncode-ui/icon"
+import { IconButton } from "reigncode-ui/icon-button"
+import { Keybind } from "reigncode-ui/keybind"
+import { Spinner } from "reigncode-ui/spinner"
+import { showToast } from "reigncode-ui/toast"
+import { Tooltip, TooltipKeybind } from "reigncode-ui/tooltip"
+import { getFilename } from "reigncode-util/path"
 import { createEffect, createMemo, For, onCleanup, Show } from "solid-js"
 import { createStore } from "solid-js/store"
 import { Portal } from "solid-js/web"
@@ -262,8 +262,8 @@ export function SessionHeader() {
       .catch((err: unknown) => showRequestError(language, err))
   }
 
-  const centerMount = createMemo(() => document.getElementById("opencode-titlebar-center"))
-  const rightMount = createMemo(() => document.getElementById("opencode-titlebar-right"))
+  const centerMount = createMemo(() => document.getElementById("reigncode-titlebar-center"))
+  const rightMount = createMemo(() => document.getElementById("reigncode-titlebar-right"))
 
   return (
     <>

package/src/components/session/session-new-view.tsx

@@ -3,9 +3,9 @@ import { DateTime } from "luxon"
 import { useSync } from "@/context/sync"
 import { useSDK } from "@/context/sdk"
 import { useLanguage } from "@/context/language"
-import { Icon } from "@reign-labs/ui/icon"
-import { Mark } from "@reign-labs/ui/logo"
-import { getDirectory, getFilename } from "@reign-labs/util/path"
+import { Icon } from "reigncode-ui/icon"
+import { Mark } from "reigncode-ui/logo"
+import { getDirectory, getFilename } from "reigncode-util/path"
 
 const MAIN_WORKTREE = "main"
 const CREATE_WORKTREE = "create"

package/src/components/session/session-sortable-tab.tsx

@@ -1,11 +1,11 @@
 import { createMemo, Show } from "solid-js"
 import type { JSX } from "solid-js"
 import { createSortable } from "@thisbeyond/solid-dnd"
-import { FileIcon } from "@reign-labs/ui/file-icon"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { TooltipKeybind } from "@reign-labs/ui/tooltip"
-import { Tabs } from "@reign-labs/ui/tabs"
-import { getFilename } from "@reign-labs/util/path"
+import { FileIcon } from "reigncode-ui/file-icon"
+import { IconButton } from "reigncode-ui/icon-button"
+import { TooltipKeybind } from "reigncode-ui/tooltip"
+import { Tabs } from "reigncode-ui/tabs"
+import { getFilename } from "reigncode-util/path"
 import { useFile } from "@/context/file"
 import { useLanguage } from "@/context/language"
 import { useCommand } from "@/context/command"

package/src/components/session/session-sortable-terminal-tab.tsx

@@ -2,10 +2,10 @@ import type { JSX } from "solid-js"
 import { Show, createEffect, onCleanup } from "solid-js"
 import { createStore } from "solid-js/store"
 import { createSortable } from "@thisbeyond/solid-dnd"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { Tabs } from "@reign-labs/ui/tabs"
-import { DropdownMenu } from "@reign-labs/ui/dropdown-menu"
-import { Icon } from "@reign-labs/ui/icon"
+import { IconButton } from "reigncode-ui/icon-button"
+import { Tabs } from "reigncode-ui/tabs"
+import { DropdownMenu } from "reigncode-ui/dropdown-menu"
+import { Icon } from "reigncode-ui/icon"
 import { isDefaultTitle as isDefaultTerminalTitle } from "@/context/terminal-title"
 import { useTerminal, type LocalPTY } from "@/context/terminal"
 import { useLanguage } from "@/context/language"

package/src/components/session-context-usage.tsx

@@ -1,7 +1,7 @@
 import { Match, Show, Switch, createMemo } from "solid-js"
-import { Tooltip, type TooltipProps } from "@reign-labs/ui/tooltip"
-import { ProgressCircle } from "@reign-labs/ui/progress-circle"
-import { Button } from "@reign-labs/ui/button"
+import { Tooltip, type TooltipProps } from "reigncode-ui/tooltip"
+import { ProgressCircle } from "reigncode-ui/progress-circle"
+import { Button } from "reigncode-ui/button"
 
 import { useFile } from "@/context/file"
 import { useLayout } from "@/context/layout"

package/src/components/settings-general.tsx

@@ -1,12 +1,12 @@
 import { Component, Show, createMemo, createResource, type JSX } from "solid-js"
 import { createStore } from "solid-js/store"
-import { Button } from "@reign-labs/ui/button"
-import { Icon } from "@reign-labs/ui/icon"
-import { Select } from "@reign-labs/ui/select"
-import { Switch } from "@reign-labs/ui/switch"
-import { Tooltip } from "@reign-labs/ui/tooltip"
-import { useTheme, type ColorScheme } from "@reign-labs/ui/theme"
-import { showToast } from "@reign-labs/ui/toast"
+import { Button } from "reigncode-ui/button"
+import { Icon } from "reigncode-ui/icon"
+import { Select } from "reigncode-ui/select"
+import { Switch } from "reigncode-ui/switch"
+import { Tooltip } from "reigncode-ui/tooltip"
+import { useTheme, type ColorScheme } from "reigncode-ui/theme"
+import { showToast } from "reigncode-ui/toast"
 import { useLanguage } from "@/context/language"
 import { usePlatform } from "@/context/platform"
 import { useSettings, monoFontFamily } from "@/context/settings"

package/src/components/settings-keybinds.tsx

@@ -1,10 +1,10 @@
 import { Component, For, Show, createMemo, onCleanup, onMount } from "solid-js"
 import { createStore } from "solid-js/store"
-import { Button } from "@reign-labs/ui/button"
-import { Icon } from "@reign-labs/ui/icon"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { TextField } from "@reign-labs/ui/text-field"
-import { showToast } from "@reign-labs/ui/toast"
+import { Button } from "reigncode-ui/button"
+import { Icon } from "reigncode-ui/icon"
+import { IconButton } from "reigncode-ui/icon-button"
+import { TextField } from "reigncode-ui/text-field"
+import { showToast } from "reigncode-ui/toast"
 import fuzzysort from "fuzzysort"
 import { formatKeybind, parseKeybind, useCommand } from "@/context/command"
 import { useLanguage } from "@/context/language"

package/src/components/settings-models.tsx

@@ -1,9 +1,9 @@
-import { useFilteredList } from "@reign-labs/ui/hooks"
-import { ProviderIcon } from "@reign-labs/ui/provider-icon"
-import { Switch } from "@reign-labs/ui/switch"
-import { Icon } from "@reign-labs/ui/icon"
-import { IconButton } from "@reign-labs/ui/icon-button"
-import { TextField } from "@reign-labs/ui/text-field"
+import { useFilteredList } from "reigncode-ui/hooks"
+import { ProviderIcon } from "reigncode-ui/provider-icon"
+import { Switch } from "reigncode-ui/switch"
+import { Icon } from "reigncode-ui/icon"
+import { IconButton } from "reigncode-ui/icon-button"
+import { TextField } from "reigncode-ui/text-field"
 import { type Component, For, Show } from "solid-js"
 import { useLanguage } from "@/context/language"
 import { useModels } from "@/context/models"

package/src/components/settings-providers.tsx

@@ -1,8 +1,8 @@
-import { Button } from "@reign-labs/ui/button"
-import { useDialog } from "@reign-labs/ui/context/dialog"
-import { ProviderIcon } from "@reign-labs/ui/provider-icon"
-import { Tag } from "@reign-labs/ui/tag"
-import { showToast } from "@reign-labs/ui/toast"
+import { Button } from "reigncode-ui/button"
+import { useDialog } from "reigncode-ui/context/dialog"
+import { ProviderIcon } from "reigncode-ui/provider-icon"
+import { Tag } from "reigncode-ui/tag"
+import { showToast } from "reigncode-ui/toast"
 import { popularProviders, useProviders } from "@/hooks/use-providers"
 import { createMemo, type Component, For, Show } from "solid-js"
 import { useLanguage } from "@/context/language"
@@ -17,8 +17,8 @@ type ProviderSource = "env" | "api" | "config" | "custom"
 type ProviderItem = ReturnType<ReturnType<typeof useProviders>["connected"]>[number]
 
 const PROVIDER_NOTES = [
-  { match: (id: string) => id === "opencode", key: "dialog.provider.opencode.note" },
-  { match: (id: string) => id === "opencode-go", key: "dialog.provider.opencodeGo.tagline" },
+  { match: (id: string) => id === "reigncode", key: "dialog.provider.reigncode.note" },
+  { match: (id: string) => id === "reigncode-go", key: "dialog.provider.opencodeGo.tagline" },
   { match: (id: string) => id === "anthropic", key: "dialog.provider.anthropic.note" },
   { match: (id: string) => id.startsWith("github-copilot"), key: "dialog.provider.copilot.note" },
   { match: (id: string) => id === "openai", key: "dialog.provider.openai.note" },
@@ -37,7 +37,7 @@ export const SettingsProviders: Component = () => {
   const connected = createMemo(() => {
     return providers
       .connected()
-      .filter((p) => p.id !== "opencode" || Object.values(p.models).find((m) => m.cost?.input))
+      .filter((p) => p.id !== "reigncode" || Object.values(p.models).find((m) => m.cost?.input))
   })
 
   const popular = createMemo(() => {
@@ -183,10 +183,10 @@ export const SettingsProviders: Component = () => {
                     <div class="flex items-center gap-x-3">
                       <ProviderIcon id={item.id} class="size-5 shrink-0 icon-strong-base" />
                       <span class="text-14-medium text-text-strong">{item.name}</span>
-                      <Show when={item.id === "opencode"}>
+                      <Show when={item.id === "reigncode"}>
                         <Tag>{language.t("dialog.provider.tag.recommended")}</Tag>
                       </Show>
-                      <Show when={item.id === "opencode-go"}>
+                      <Show when={item.id === "reigncode-go"}>
                         <Tag>{language.t("dialog.provider.tag.recommended")}</Tag>
                       </Show>
                     </div>

package/src/components/status-popover.tsx

@@ -1,11 +1,11 @@
-import { Button } from "@reign-labs/ui/button"
-import { useDialog } from "@reign-labs/ui/context/dialog"
-import { Icon } from "@reign-labs/ui/icon"
-import { Popover } from "@reign-labs/ui/popover"
-import { Switch } from "@reign-labs/ui/switch"
-import { Tabs } from "@reign-labs/ui/tabs"
+import { Button } from "reigncode-ui/button"
+import { useDialog } from "reigncode-ui/context/dialog"
+import { Icon } from "reigncode-ui/icon"
+import { Popover } from "reigncode-ui/popover"
+import { Switch } from "reigncode-ui/switch"
+import { Tabs } from "reigncode-ui/tabs"
 import { useMutation } from "@tanstack/solid-query"
-import { showToast } from "@reign-labs/ui/toast"
+import { showToast } from "reigncode-ui/toast"
 import { useNavigate } from "@solidjs/router"
 import { type Accessor, createEffect, createMemo, createSignal, For, type JSXElement, onCleanup, Show } from "solid-js"
 import { createStore, reconcile } from "solid-js/store"