@polpo-ai/dashboard 0.1.2 → 0.1.3

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 {
@@ -14,8 +14,13 @@ import {
   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 {
+  SkillsProvider,
+  SkillCreateForm,
+  type SkillsAdapter,
+  type SkillCreateInput,
+  type Skill,
+} from "@lumea-labs/skills";
 import {
   Dialog,
   DialogContent,
@@ -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/index.ts

@@ -12,3 +12,6 @@ export type { PolpoClientFactory } from "./lib/polpo-client";
 
 export { default as AgentsView } from "./app/(dashboard)/projects/[id]/agents/view";
 export type { Team } from "./app/(dashboard)/projects/[id]/agents/view";
+
+export { default as SkillsView } from "./app/(dashboard)/projects/[id]/skills/view";
+export type { SkillInfo } from "./app/(dashboard)/projects/[id]/skills/view";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polpo-ai/dashboard",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "publishConfig": {
     "access": "public"
   },
@@ -70,8 +70,8 @@
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0",
     "@polpo-ai/core": "0.7.18",
-    "@polpo-ai/sdk": "0.7.18",
-    "@polpo-ai/react": "0.7.18"
+    "@polpo-ai/react": "0.7.18",
+    "@polpo-ai/sdk": "0.7.18"
   },
   "devDependencies": {
     "@playwright/test": "^1.58.2",