@polpo-ai/dashboard 0.1.1 → 0.1.3

package/app/(dashboard)/projects/projects-list.tsx

@@ -3,7 +3,7 @@
 import { useState } from "react";
 import Link from "next/link";
 import { LayoutGrid, List } from "lucide-react";
-import type { Project } from "#/lib/api";
+import type { Project } from "../../../lib/api";
 
 function timeAgo(date: string) {
   const diff = Date.now() - new Date(date).getTime();

package/app/(playground)/layout.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
-import { Providers } from "#/components/providers";
-import { getOrgs } from "#/lib/api";
+import { Providers } from "../../components/providers";
+import { getOrgs } from "../../lib/api";
 
 /**
  * Isolated layout for the Playground tab. No project sidebar — this is a

package/app/(playground)/projects/[id]/playground/page.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
-import { api, dataApi } from "#/lib/api";
-import type { Project } from "#/lib/api";
+import { api, dataApi } from "../../../../../lib/api";
+import type { Project } from "../../../../../lib/api";
 import type { AgentConfig } from "@polpo-ai/core";
 import PlaygroundView from "./view";
 import { PlaygroundSkeleton } from "../playground-legacy/skeleton";

package/app/(playground)/projects/[id]/playground/view.tsx

@@ -15,8 +15,8 @@ import Link from "next/link";
 import Image from "next/image";
 import type { AgentConfig } from "@polpo-ai/core";
 import { ArrowLeft, FolderOpen, Plus } from "lucide-react";
-import { AgentModelSelector } from "#/components/dashboard/agent-model-selector";
-import { PolpoChat } from "#/components/dashboard/polpo-chat";
+import { AgentModelSelector } from "../../../../../components/dashboard/agent-model-selector";
+import { PolpoChat } from "../../../../../components/dashboard/polpo-chat";
 
 interface Props {
   projectId: string;

package/app/(playground)/projects/[id]/playground-legacy/page.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
-import { api, dataApi } from "#/lib/api";
-import type { Project } from "#/lib/api";
+import { api, dataApi } from "../../../../../lib/api";
+import type { Project } from "../../../../../lib/api";
 import type { AgentConfig } from "@polpo-ai/core";
 import PlaygroundView from "./view";
 import { PlaygroundSkeleton } from "./skeleton";

package/app/(playground)/projects/[id]/playground-legacy/skeleton.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "#/components/ui/skeleton";
+import { Skeleton } from "../../../../../components/ui/skeleton";
 
 export function PlaygroundSkeleton() {
   return (

package/app/(playground)/projects/[id]/playground-legacy/view.tsx

@@ -8,7 +8,7 @@ import { PolpoProvider } from "@polpo-ai/react";
 import { Chat } from "@polpo-ai/chat";
 import type { AgentConfig } from "@polpo-ai/core";
 import { ArrowLeft, Plus } from "lucide-react";
-import { AgentModelSelector } from "#/components/dashboard/agent-model-selector";
+import { AgentModelSelector } from "../../../../../components/dashboard/agent-model-selector";
 
 interface Props {
   projectId: string;

package/components/ai-elements/code-block.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import { Button } from "#/components/ui/button";
+import { Button } from "../../components/ui/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "#/components/ui/select";
-import { cn } from "#/lib/utils";
+} from "../../components/ui/select";
+import { cn } from "../../lib/utils";
 import { CheckIcon, CopyIcon } from "lucide-react";
 import type { ComponentProps, CSSProperties, HTMLAttributes } from "react";
 import {

package/components/dashboard/agent-picker-card.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "#/components/ui/select";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/ui/select";
 
 /**
  * Agent picker styled as a card: pill label + select dropdown.

package/components/dashboard/agent-studio.tsx

@@ -28,16 +28,16 @@ import {
   type LucideIcon,
 } from "lucide-react";
 import type { AgentConfig } from "@polpo-ai/core";
-import { BuilderChat } from "#/components/dashboard/builder-chat";
-import { AgentIdentityHeader } from "#/components/dashboard/agent-identity-header";
-import { Breadcrumb } from "#/components/dashboard/breadcrumb";
-import { useCopilot } from "#/components/dashboard/project-copilot";
-import AgentModelsView from "#/app/(dashboard)/projects/[id]/agents/[name]/models-view";
-import AgentSkillsView from "#/app/(dashboard)/projects/[id]/agents/[name]/skills/view";
-import AgentToolsView from "#/app/(dashboard)/projects/[id]/agents/[name]/tools/view";
-import AgentPromptView from "#/app/(dashboard)/projects/[id]/agents/[name]/prompt/view";
-import AgentMemoryView from "#/app/(dashboard)/projects/[id]/agents/[name]/memory/view";
-import AgentVaultView from "#/app/(dashboard)/projects/[id]/agents/[name]/vault/view";
+import { BuilderChat } from "../../components/dashboard/builder-chat";
+import { AgentIdentityHeader } from "../../components/dashboard/agent-identity-header";
+import { Breadcrumb } from "../../components/dashboard/breadcrumb";
+import { useCopilot } from "../../components/dashboard/project-copilot";
+import AgentModelsView from "../../app/(dashboard)/projects/[id]/agents/[name]/models-view";
+import AgentSkillsView from "../../app/(dashboard)/projects/[id]/agents/[name]/skills/view";
+import AgentToolsView from "../../app/(dashboard)/projects/[id]/agents/[name]/tools/view";
+import AgentPromptView from "../../app/(dashboard)/projects/[id]/agents/[name]/prompt/view";
+import AgentMemoryView from "../../app/(dashboard)/projects/[id]/agents/[name]/memory/view";
+import AgentVaultView from "../../app/(dashboard)/projects/[id]/agents/[name]/vault/view";
 
 export interface VaultEntry {
   service: string;

package/components/dashboard/builder-chat.tsx

@@ -29,8 +29,8 @@ import {
   type PendingToolCall,
 } from "@lumea-labs/chat";
 import type { ToolCallEvent } from "@lumea-labs/tool-calls";
-import { ChatShell } from "#/components/dashboard/chat-shell";
-import type { BuilderContext, NavigateTarget } from "#/lib/builder-context";
+import { ChatShell } from "../../components/dashboard/chat-shell";
+import type { BuilderContext, NavigateTarget } from "../../lib/builder-context";
 
 /**
  * A tool-call mutated project data → trigger a refresh. The builder's data

package/components/dashboard/client-picker.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { MultiSelect } from "#/components/ui/multi-select";
+import { MultiSelect } from "../../components/ui/multi-select";
 import {
   ClaudeCodeIcon,
   ClineIcon,
@@ -12,7 +12,7 @@ import {
   RooIcon,
   TraeIcon,
   WindsurfIcon,
-} from "#/components/icons/coding-agents";
+} from "../../components/icons/coding-agents";
 
 /**
  * Coding agent client definitions — shared across ConnectDialog and

package/components/dashboard/connect-dialog.tsx

@@ -3,12 +3,12 @@
 import { useEffect, useState } from "react";
 import { usePathname } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
-import { fetchControlPlane } from "#/lib/data-client";
+import { fetchControlPlane } from "../../lib/data-client";
 import { Plug, KeyRound, Terminal, CodeXml, SquareTerminal } from "lucide-react";
-import { CopyCard } from "#/components/dashboard/copy-card";
-import { ClientPicker } from "#/components/dashboard/client-picker";
-import { SdkSnippetPanel } from "#/components/dashboard/sdk-snippet-panel";
-import { McpInstallPanel } from "#/components/dashboard/mcp-install-panel";
+import { CopyCard } from "../../components/dashboard/copy-card";
+import { ClientPicker } from "../../components/dashboard/client-picker";
+import { SdkSnippetPanel } from "../../components/dashboard/sdk-snippet-panel";
+import { McpInstallPanel } from "../../components/dashboard/mcp-install-panel";
 import {
   Dialog,
   DialogContent,
@@ -17,9 +17,9 @@ import {
   DialogDescription,
   DialogFooter,
   DialogClose,
-} from "#/components/ui/dialog";
-import type { Project } from "#/lib/api";
-import { createPolpoClient } from "#/lib/polpo-client";
+} from "../../components/ui/dialog";
+import type { Project } from "../../lib/api";
+import { createPolpoClient } from "../../lib/polpo-client";
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL ?? "https://api.polpo.sh";
 

package/components/dashboard/file-browser.tsx

@@ -2,7 +2,7 @@
 
 import { useState, useCallback } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { usePolpoClient } from "#/lib/polpo-client";
+import { usePolpoClient } from "../../lib/polpo-client";
 import {
   Folder, FileText, File, Image, Music, Video, Archive,
   ChevronRight, ChevronLeft, Download,

package/components/dashboard/markdown.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import dynamic from "next/dynamic";
-import { Skeleton } from "#/components/ui/skeleton";
+import { Skeleton } from "../../components/ui/skeleton";
 
 const ReactMarkdown = dynamic(() => import("react-markdown"), {
   loading: () => (

package/components/dashboard/mcp-install-panel.tsx

@@ -2,12 +2,12 @@
 
 import { useMemo, useState } from "react";
 import { ExternalLink } from "lucide-react";
-import { CopyCard } from "#/components/dashboard/copy-card";
+import { CopyCard } from "../../components/dashboard/copy-card";
 import {
   ClaudeCodeIcon,
   CursorIcon,
   WindsurfIcon,
-} from "#/components/icons/coding-agents";
+} from "../../components/icons/coding-agents";
 
 /**
  * MCP install panel — rendered inside the Connect dialog's "Coding Agent"

package/components/dashboard/polpo-chat.tsx

@@ -44,7 +44,7 @@ import {
   type AskUserQuestion,
   type PromptInputMessage,
 } from "@lumea-labs/chat";
-import { ChatShell } from "#/components/dashboard/chat-shell";
+import { ChatShell } from "../../components/dashboard/chat-shell";
 import {
   FileManagerProvider,
   FileList,
@@ -63,7 +63,7 @@ import { audioHandler } from "@lumea-labs/file-manager-polpo/handlers/audio-hand
 import { videoHandler } from "@lumea-labs/file-manager-polpo/handlers/video-handler";
 import { NextIntlClientProvider } from "next-intl";
 import { ArrowUp, Paperclip, Square, X } from "lucide-react";
-import { Sheet, SheetContent, SheetTitle } from "#/components/ui/sheet";
+import { Sheet, SheetContent, SheetTitle } from "../../components/ui/sheet";
 
 /* ------------------------------------------------------------------ */
 /*  PolpoChat — high-level wrapper (providers + session lifecycle)      */

package/components/dashboard/project-copilot.tsx

@@ -30,9 +30,9 @@ import {
 import { useRouter } from "next/navigation";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { SquarePen, X } from "lucide-react";
-import { BuilderChat } from "#/components/dashboard/builder-chat";
-import { useBuilderContext, type NavigateTarget } from "#/lib/builder-context";
-import { fetchControlPlane } from "#/lib/data-client";
+import { BuilderChat } from "../../components/dashboard/builder-chat";
+import { useBuilderContext, type NavigateTarget } from "../../lib/builder-context";
+import { fetchControlPlane } from "../../lib/data-client";
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL ?? "http://localhost:4000";
 

package/components/dashboard/sdk-snippet-panel.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import { useCallback, useMemo, useState } from "react";
-import { CopyCard } from "#/components/dashboard/copy-card";
-import { AgentPickerCard } from "#/components/dashboard/agent-picker-card";
-import { TabToggle } from "#/components/dashboard/tab-toggle";
-import { AgentModelSelector } from "#/components/dashboard/agent-model-selector";
+import { CopyCard } from "../../components/dashboard/copy-card";
+import { AgentPickerCard } from "../../components/dashboard/agent-picker-card";
+import { TabToggle } from "../../components/dashboard/tab-toggle";
+import { AgentModelSelector } from "../../components/dashboard/agent-model-selector";
 import { PolpoProvider } from "@polpo-ai/react";
 import { Chat } from "@polpo-ai/chat";
 import type { AgentConfig } from "@polpo-ai/core";

package/components/dashboard/settings-form.tsx

@@ -22,9 +22,9 @@ import {
   Pencil,
   Eye,
 } from "lucide-react";
-import { fetchDataPlane, mutateDataPlane } from "#/lib/data-client";
-import { fetchControlPlane } from "#/lib/data-client";
-import type { ProjectSettings, ProjectGatewaySettings } from "#/lib/api";
+import { fetchDataPlane, mutateDataPlane } from "../../lib/data-client";
+import { fetchControlPlane } from "../../lib/data-client";
+import type { ProjectSettings, ProjectGatewaySettings } from "../../lib/api";
 import {
   Dialog,
   DialogContent,
@@ -33,12 +33,12 @@ import {
   DialogDescription,
   DialogFooter,
   DialogClose,
-} from "#/components/ui/dialog";
-import { CopyCard } from "#/components/dashboard/copy-card";
-import { useEventCatalog } from "#/lib/use-event-catalog";
-import { WebhookDeliveries } from "#/components/dashboard/webhook-deliveries";
-import { InferenceModeRadio, type InferenceMode } from "#/components/dashboard/inference-mode";
-import type { ByokEntry } from "#/lib/api";
+} from "../../components/ui/dialog";
+import { CopyCard } from "../../components/dashboard/copy-card";
+import { useEventCatalog } from "../../lib/use-event-catalog";
+import { WebhookDeliveries } from "../../components/dashboard/webhook-deliveries";
+import { InferenceModeRadio, type InferenceMode } from "../../components/dashboard/inference-mode";
+import type { ByokEntry } from "../../lib/api";
 
 const SALES_EMAIL = "hello@polpo.sh";
 

package/components/dashboard/sidebar.tsx

@@ -13,15 +13,15 @@ import {
 } from "lucide-react";
 import {
   Sheet, SheetContent, SheetTitle,
-} from "#/components/ui/sheet";
+} from "../../components/ui/sheet";
 import {
   Tooltip, TooltipTrigger, TooltipContent,
-} from "#/components/ui/tooltip";
-import { useMobileSidebar } from "#/hooks/use-mobile-sidebar";
-import { useDesktopSidebar } from "#/hooks/use-desktop-sidebar";
+} from "../../components/ui/tooltip";
+import { useMobileSidebar } from "../../hooks/use-mobile-sidebar";
+import { useDesktopSidebar } from "../../hooks/use-desktop-sidebar";
 import { useQuery } from "@tanstack/react-query";
-import { fetchControlPlane } from "#/lib/data-client";
-import { ProjectSwitcher } from "#/components/dashboard/top-header";
+import { fetchControlPlane } from "../../lib/data-client";
+import { ProjectSwitcher } from "../../components/dashboard/top-header";
 
 const globalNav = [
   { label: "Projects", href: "/projects", icon: Boxes },

package/components/dashboard/skeletons.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "#/components/ui/skeleton";
+import { Skeleton } from "../../components/ui/skeleton";
 import { Shield } from "lucide-react";
 
 /* ─── Helpers ─── */

package/components/dashboard/skills-install-wizard.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { useParams } from "next/navigation";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import {
@@ -13,9 +13,14 @@ import {
   Loader2,
   Search,
 } from "lucide-react";
-import { usePolpoClient } from "#/lib/polpo-client";
-import { usePolpoSkillsAdapter } from "@lumea-labs/skills-polpo";
-import { SkillsProvider, SkillCreateForm } from "@lumea-labs/skills";
+import { usePolpoClient } from "../../lib/polpo-client";
+import {
+  SkillsProvider,
+  SkillCreateForm,
+  type SkillsAdapter,
+  type SkillCreateInput,
+  type Skill,
+} from "@lumea-labs/skills";
 import {
   Dialog,
   DialogContent,
@@ -23,7 +28,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "#/components/ui/dialog";
+} from "../../components/ui/dialog";
 
 /**
  * SkillsInstallWizard — replaces the old read-only "how to install" dialog
@@ -63,12 +68,7 @@ function sourceFor(s: RegistrySkill): string {
 }
 
 export function SkillsInstallWizard() {
-  const { adapter } = usePolpoSkillsAdapter();
-  return (
-    <SkillsProvider adapter={adapter}>
-      <WizardDialog />
-    </SkillsProvider>
-  );
+  return <WizardDialog />;
 }
 
 function WizardDialog() {
@@ -76,6 +76,25 @@ function WizardDialog() {
   const client = usePolpoClient(id);
   const qc = useQueryClient();
 
+  // Minimal SkillsAdapter built directly on the PolpoClient (the same seam
+  // usePolpoClient resolves: OSS direct, cloud session-proxy). Avoids
+  // @polpo-ai/react's <PolpoProvider>. Only createSkill is needed here —
+  // registry/URL installs go through client.installSkills directly.
+  const adapter = useMemo<SkillsAdapter>(
+    () => ({
+      createSkill: async (input: SkillCreateInput): Promise<Skill> => {
+        const res = await client.createSkill({
+          name: input.name,
+          description: input.description,
+          content: input.body,
+          allowedTools: (input.frontmatter as { allowedTools?: string[] })?.allowedTools,
+        });
+        return { id: res.name, name: res.name, description: input.description, installed: true } as Skill;
+      },
+    }),
+    [client],
+  );
+
   const [open, setOpen] = useState(false);
   const [source, setSource] = useState<Source | null>(null);
   const [search, setSearch] = useState("");
@@ -244,7 +263,9 @@ function WizardDialog() {
 
             {/* ── Paste / create (dogfood lumea-agents UI) ──── */}
             {source === "paste" && (
-              <SkillCreateForm onCreated={afterCreate} onCancel={() => setSource(null)} />
+              <SkillsProvider adapter={adapter}>
+                <SkillCreateForm onCreated={afterCreate} onCancel={() => setSource(null)} />
+              </SkillsProvider>
             )}
 
             {install.isError && source === "registry" && (

package/components/dashboard/task-studio.tsx

@@ -26,15 +26,15 @@ import {
 } from "lucide-react";
 import { useQuery } from "@tanstack/react-query";
 import type { Task } from "@polpo-ai/core";
-import { usePolpoClient } from "#/lib/polpo-client";
-import { Breadcrumb } from "#/components/dashboard/breadcrumb";
-import type { BlueprintContext } from "#/app/(dashboard)/projects/[id]/tasks/[taskId]/blueprint";
-import TaskOverviewView from "#/app/(dashboard)/projects/[id]/tasks/[taskId]/view";
-import TaskOutputView from "#/app/(dashboard)/projects/[id]/tasks/[taskId]/output/view";
-import TaskAssessmentView from "#/app/(dashboard)/projects/[id]/tasks/[taskId]/assessment/view";
+import { usePolpoClient } from "../../lib/polpo-client";
+import { Breadcrumb } from "../../components/dashboard/breadcrumb";
+import type { BlueprintContext } from "../../app/(dashboard)/projects/[id]/tasks/[taskId]/blueprint";
+import TaskOverviewView from "../../app/(dashboard)/projects/[id]/tasks/[taskId]/view";
+import TaskOutputView from "../../app/(dashboard)/projects/[id]/tasks/[taskId]/output/view";
+import TaskAssessmentView from "../../app/(dashboard)/projects/[id]/tasks/[taskId]/assessment/view";
 import TaskActivityView, {
   type TaskActivityPayload,
-} from "#/app/(dashboard)/projects/[id]/tasks/[taskId]/activity/view";
+} from "../../app/(dashboard)/projects/[id]/tasks/[taskId]/activity/view";
 
 const statusColor: Record<string, string> = {
   done: "bg-brand",

package/components/dashboard/top-header.tsx

@@ -13,8 +13,8 @@ import {
   SquarePen,
   Settings,
 } from "lucide-react";
-import { ConnectButton } from "#/components/dashboard/connect-dialog";
-import { Popover, PopoverContent, PopoverTrigger } from "#/components/ui/popover";
+import { ConnectButton } from "../../components/dashboard/connect-dialog";
+import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/popover";
 
 const API_URL = process.env.NEXT_PUBLIC_API_URL ?? "http://localhost:4000";
 

package/components/dashboard/webhook-deliveries.tsx

@@ -15,7 +15,7 @@
 import { useState } from "react";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { ChevronDown, ChevronRight, Loader2, RefreshCw } from "lucide-react";
-import { fetchDataPlane, mutateDataPlane } from "#/lib/data-client";
+import { fetchDataPlane, mutateDataPlane } from "../../lib/data-client";
 
 interface Webhook {
   id: string;

package/components/providers.tsx

@@ -2,7 +2,7 @@
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useState } from "react";
-import { TooltipProvider } from "#/components/ui/tooltip";
+import { TooltipProvider } from "../components/ui/tooltip";
 
 export function Providers({ children }: { children: React.ReactNode }) {
   const [queryClient] = useState(() => new QueryClient({

package/components/ui/badge.tsx

@@ -2,7 +2,7 @@ import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 
 const badgeVariants = cva(
   "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",

package/components/ui/button.tsx

@@ -3,7 +3,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 
 const buttonVariants = cva(
   "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",

package/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 
 function Card({
   className,

package/components/ui/chart.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as RechartsPrimitive from "recharts"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" } as const

package/components/ui/command.tsx

@@ -3,18 +3,18 @@
 import * as React from "react"
 import { Command as CommandPrimitive } from "cmdk"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle,
-} from "#/components/ui/dialog"
+} from "../../components/ui/dialog"
 import {
   InputGroup,
   InputGroupAddon,
-} from "#/components/ui/input-group"
+} from "../../components/ui/input-group"
 import { SearchIcon, CheckIcon } from "lucide-react"
 
 function Command({

package/components/ui/dialog.tsx

@@ -3,8 +3,8 @@
 import * as React from "react"
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
 
-import { cn } from "#/lib/utils"
-import { Button } from "#/components/ui/button"
+import { cn } from "../../lib/utils"
+import { Button } from "../../components/ui/button"
 import { XIcon } from "lucide-react"
 
 function Dialog({ ...props }: DialogPrimitive.Root.Props) {

package/components/ui/input-group.tsx

@@ -3,10 +3,10 @@
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "#/lib/utils"
-import { Button } from "#/components/ui/button"
-import { Input } from "#/components/ui/input"
-import { Textarea } from "#/components/ui/textarea"
+import { cn } from "../../lib/utils"
+import { Button } from "../../components/ui/button"
+import { Input } from "../../components/ui/input"
+import { Textarea } from "../../components/ui/textarea"
 
 function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/components/ui/input.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Input as InputPrimitive } from "@base-ui/react/input"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (

package/components/ui/multi-select.tsx

@@ -2,8 +2,8 @@
 
 import type { ReactNode } from "react";
 import { Check, ChevronDown } from "lucide-react";
-import { Popover, PopoverContent, PopoverTrigger } from "#/components/ui/popover";
-import { cn } from "#/lib/utils";
+import { Popover, PopoverContent, PopoverTrigger } from "../../components/ui/popover";
+import { cn } from "../../lib/utils";
 
 export interface MultiSelectOption {
   value: string;

package/components/ui/popover.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 
 function Popover({ ...props }: PopoverPrimitive.Root.Props) {
   return <PopoverPrimitive.Root data-slot="popover" {...props} />

package/components/ui/select.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import { Select as SelectPrimitive } from "@base-ui/react/select"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react"
 
 const Select = SelectPrimitive.Root

package/components/ui/separator.tsx

@@ -2,7 +2,7 @@
 
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
 
-import { cn } from "#/lib/utils"
+import { cn } from "../../lib/utils"
 
 function Separator({
   className,