@wopr-network/platform-ui-core 1.0.0 → 1.0.1

package/package.json

@@ -1,12 +1,21 @@
 {
   "name": "@wopr-network/platform-ui-core",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Brand-agnostic AI agent platform UI — deploy as any brand via env vars",
   "repository": {
     "type": "git",
     "url": "https://github.com/wopr-network/platform-ui-core.git"
   },
   "license": "UNLICENSED",
+  "exports": {
+    ".": "./src/lib/index.ts",
+    "./app/*": "./src/app/*",
+    "./components/*": "./src/components/*",
+    "./hooks/*": "./src/hooks/*",
+    "./lib/*": "./src/lib/*",
+    "./globals.css": "./src/app/globals.css",
+    "./proxy": "./src/proxy.ts"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
@@ -20,8 +29,7 @@
     "tailwind.config.ts",
     "biome.json",
     "vitest.config.ts",
-    ".env.wopr",
-    ".env.paperclip"
+    ".env.wopr"
   ],
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",

package/src/app/instances/[id]/instance-detail-client.tsx

@@ -67,11 +67,9 @@ import {
   renameInstance,
   restoreSnapshot,
   toggleInstancePlugin,
-  updateInstanceBudget,
   updateInstanceConfig,
   updateInstanceSecrets,
 } from "@/lib/api";
-import { getBrandConfig } from "@/lib/brand-config";
 import { toUserMessage } from "@/lib/errors";
 import { cn } from "@/lib/utils";
 
@@ -118,10 +116,6 @@ export function InstanceDetailClient({ instanceId }: { instanceId: string }) {
   const [renaming, setRenaming] = useState(false);
   const [renameValue, setRenameValue] = useState("");
   const [renameSaving, setRenameSaving] = useState(false);
-  const [budgetCents, setBudgetCents] = useState<number>(0);
-  const [budgetSaving, setBudgetSaving] = useState(false);
-  const [budgetError, setBudgetError] = useState<string | null>(null);
-
   useEffect(() => {
     if (!configText.trim()) return;
     try {
@@ -193,7 +187,6 @@ export function InstanceDetailClient({ instanceId }: { instanceId: string }) {
       const data = await getInstance(instanceId);
       setInstance(data);
       setConfigText(JSON.stringify(data.config, null, 2));
-      if (data.budgetCents !== undefined) setBudgetCents(data.budgetCents);
     } catch (err) {
       setError(toUserMessage(err, "Failed to load instance"));
     } finally {
@@ -306,19 +299,6 @@ export function InstanceDetailClient({ instanceId }: { instanceId: string }) {
     }
   }
 
-  async function handleSaveBudget() {
-    setBudgetSaving(true);
-    setBudgetError(null);
-    try {
-      await updateInstanceBudget(instanceId, budgetCents);
-      await load();
-    } catch (err) {
-      setBudgetError(toUserMessage(err, "Failed to update budget"));
-    } finally {
-      setBudgetSaving(false);
-    }
-  }
-
   async function handleCreateSnapshot() {
     setSnapshotsError(null);
     setCreating(true);
@@ -496,16 +476,6 @@ export function InstanceDetailClient({ instanceId }: { instanceId: string }) {
               </Badge>
             )}
             <span>{instance.provider}</span>
-            {instance.subdomain && (
-              <a
-                href={`https://${instance.subdomain}.${getBrandConfig().domain}`}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="font-mono text-xs text-terminal hover:underline"
-              >
-                {instance.subdomain}.{getBrandConfig().domain}
-              </a>
-            )}
           </div>
         </div>
         <div className="flex gap-2">
@@ -599,48 +569,6 @@ export function InstanceDetailClient({ instanceId }: { instanceId: string }) {
             <MetricCard title="Active Sessions" value={String(instance.sessions.length)} />
             <MetricCard title="Created" value={new Date(instance.createdAt).toLocaleDateString()} />
           </div>
-
-          {/* Budget management — shown when backend provides budget data */}
-          {instance.budgetCents !== undefined && (
-            <Card className="mt-4">
-              <CardHeader className="pb-3">
-                <CardTitle className="text-sm font-medium">Spending Budget</CardTitle>
-              </CardHeader>
-              <CardContent className="space-y-4">
-                <div className="flex items-center justify-between">
-                  <span className="text-2xl font-bold font-mono">
-                    ${(budgetCents / 100).toFixed(2)}
-                  </span>
-                  <span className="text-xs text-muted-foreground">per month</span>
-                </div>
-                <input
-                  type="range"
-                  min={0}
-                  max={10000}
-                  step={100}
-                  value={budgetCents}
-                  onChange={(e) => setBudgetCents(Number(e.target.value))}
-                  className="w-full accent-terminal"
-                  aria-label="Budget slider"
-                />
-                <div className="flex items-center justify-between text-xs text-muted-foreground">
-                  <span>$0</span>
-                  <span>$100</span>
-                </div>
-                {budgetError && <p className="text-sm text-destructive">{budgetError}</p>}
-                <div className="flex justify-end">
-                  <Button
-                    size="sm"
-                    variant="terminal"
-                    onClick={handleSaveBudget}
-                    disabled={budgetSaving || budgetCents === instance.budgetCents}
-                  >
-                    {budgetSaving ? "Saving..." : "Update Budget"}
-                  </Button>
-                </div>
-              </CardContent>
-            </Card>
-          )}
         </TabsContent>
 
         {/* Health Tab */}

package/src/components/chat/chat-panel.tsx

@@ -25,7 +25,7 @@ const panelVariants = {
     opacity: 1,
     y: 0,
     scale: 1,
-    transition: { type: "spring", damping: 25, stiffness: 300 },
+    transition: { type: "spring" as const, damping: 25, stiffness: 300 },
   },
   exit: { opacity: 0, y: 20, scale: 0.95, transition: { duration: 0.15 } },
 };

package/src/lib/api.ts

@@ -61,8 +61,6 @@ export interface Instance {
   plugins: PluginInfo[];
   uptime: number | null;
   createdAt: string;
-  subdomain?: string;
-  nodeId?: string;
 }
 
 export interface PluginInfo {
@@ -95,8 +93,6 @@ export interface InstanceDetail extends Instance {
     memoryMb: number;
     cpuPercent: number;
   };
-  budgetCents?: number;
-  perAgentCents?: number;
 }
 
 // --- API client ---
@@ -323,7 +319,6 @@ export async function getInstance(id: string): Promise<InstanceDetail> {
     id,
   })) as BotStatusResponse;
   const uptimeMs = bot.uptime ? new Date(bot.uptime).getTime() : NaN;
-  const extra = bot as Record<string, unknown>;
   return {
     id: bot.id,
     name: bot.name,
@@ -333,8 +328,6 @@ export async function getInstance(id: string): Promise<InstanceDetail> {
     plugins: parsePluginsFromEnv(bot.env as Record<string, string> | undefined),
     uptime: Number.isNaN(uptimeMs) ? null : Math.floor((Date.now() - uptimeMs) / 1000),
     createdAt: (bot.createdAt as string | undefined) ?? new Date().toISOString(),
-    subdomain: (extra.subdomain as string | undefined) ?? undefined,
-    nodeId: (extra.nodeId as string | undefined) ?? undefined,
     config: bot.env ?? {},
     channelDetails: [],
     sessions: [],
@@ -342,8 +335,6 @@ export async function getInstance(id: string): Promise<InstanceDetail> {
       memoryMb: bot.stats?.memoryUsageMb ?? 0,
       cpuPercent: bot.stats?.cpuPercent ?? 0,
     },
-    budgetCents: typeof extra.budgetCents === "number" ? extra.budgetCents : undefined,
-    perAgentCents: typeof extra.perAgentCents === "number" ? extra.perAgentCents : undefined,
   };
 }
 
@@ -471,18 +462,6 @@ export async function updateInstanceConfig(id: string, env: Record<string, strin
   });
 }
 
-/** PUT /api/provision/budget — Update instance spending budget. */
-export async function updateInstanceBudget(
-  id: string,
-  budgetCents: number,
-  perAgentCents?: number,
-): Promise<void> {
-  await apiFetch("/provision/budget", {
-    method: "PUT",
-    body: JSON.stringify({ instanceId: id, budgetCents, perAgentCents }),
-  });
-}
-
 /** PATCH /fleet/bots/:id — Rename a bot instance. */
 export async function renameInstance(id: string, name: string): Promise<void> {
   await fleetFetch(`/bots/${id}`, {

package/.env.paperclip

@@ -1,18 +0,0 @@
-# Paperclip Brand Configuration
-# Copy to .env.local to deploy as Paperclip
-NEXT_PUBLIC_BRAND_PRODUCT_NAME="Paperclip"
-NEXT_PUBLIC_BRAND_NAME="Paperclip"
-NEXT_PUBLIC_BRAND_DOMAIN="runpaperclip.com"
-NEXT_PUBLIC_BRAND_APP_DOMAIN="app.runpaperclip.com"
-NEXT_PUBLIC_BRAND_TAGLINE="AI agents that run your business."
-NEXT_PUBLIC_BRAND_EMAIL_PRIVACY="privacy@runpaperclip.com"
-NEXT_PUBLIC_BRAND_EMAIL_LEGAL="legal@runpaperclip.com"
-NEXT_PUBLIC_BRAND_EMAIL_SUPPORT="support@runpaperclip.com"
-NEXT_PUBLIC_BRAND_DEFAULT_IMAGE="ghcr.io/wopr-network/wopr:latest"
-NEXT_PUBLIC_BRAND_STORAGE_PREFIX="paperclip"
-NEXT_PUBLIC_BRAND_EVENT_PREFIX="paperclip"
-NEXT_PUBLIC_BRAND_ENV_PREFIX="PAPERCLIP"
-NEXT_PUBLIC_BRAND_TOOL_PREFIX="paperclip"
-NEXT_PUBLIC_BRAND_TENANT_COOKIE="paperclip_tenant_id"
-NEXT_PUBLIC_BRAND_COMPANY_LEGAL="Paperclip AI Inc."
-NEXT_PUBLIC_BRAND_PRICE="$5/month"