@decido/kernel-bridge 1.0.0 → 4.0.2

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@decido/kernel-bridge",
-  "version": "1.0.0",
+  "version": "4.0.2",
   "description": "Tauri v2 IPC Bridge for Decido OS",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./src/index.ts",
-      "types": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
     }
   },
   "dependencies": {
@@ -19,7 +21,7 @@
     "openai": "^6.24.0",
     "socket.io-client": "^4.8.3",
     "uuid": "^13.0.0",
-    "@decido/sdk": "1.0.0"
+    "@decido/sdk": "4.0.2"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
@@ -30,8 +32,12 @@
     "access": "public"
   },
   "license": "UNLICENSED",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/index.mjs",
   "scripts": {
     "lint": "eslint \"src/**/*.ts*\"",
-    "build": "tsup src/index.ts --format esm --dts --minify --clean"
+    "build": "tsup src/index.ts --format esm,cjs"
   }
 }

package/.turbo/turbo-build.log

@@ -1,13 +0,0 @@
-
-Debugger listening on ws://127.0.0.1:58975/0314506c-e1de-4a58-be5e-b4ac774586f4
-For help, see: https://nodejs.org/en/docs/inspector
-Debugger attached.
-
-> @decido/kernel-bridge@1.0.0 build /Users/julioramirez/dev/active/OnBoardingDecido/packages/kernel-bridge
-> tsc
-
-Debugger listening on ws://127.0.0.1:58979/db35dc6b-ec5f-499c-b2bb-a281886a7590
-For help, see: https://nodejs.org/en/docs/inspector
-Debugger attached.
-Waiting for the debugger to disconnect...
-Waiting for the debugger to disconnect...

package/.turbo/turbo-lint.log

@@ -1,30 +0,0 @@
-
-Debugger listening on ws://127.0.0.1:60130/80df8f38-b3d4-4cfb-a50d-56cde2cc32c8
-For help, see: https://nodejs.org/en/docs/inspector
-Debugger attached.
-
-> @macia/kernel-bridge@1.0.0 lint /Users/julioramirez/dev/active/Decido/packages/core-decido/kernel-bridge
-> eslint "src/**/*.ts*"
-
-Debugger listening on ws://127.0.0.1:60166/f14ee9d9-5a8a-4ad3-a957-a0f39414225c
-For help, see: https://nodejs.org/en/docs/inspector
-Debugger attached.
-
-Oops! Something went wrong! :(
-
-ESLint: 9.39.3
-
-ESLint couldn't find an eslint.config.(js|mjs|cjs) file.
-
-From ESLint v9.0.0, the default configuration file is now eslint.config.js.
-If you are using a .eslintrc.* file, please follow the migration guide
-to update your configuration file to the new format:
-
-https://eslint.org/docs/latest/use/configure/migration-guide
-
-If you still have problems after following the migration guide, please stop by
-https://eslint.org/chat/help to chat with the team.
-
-Waiting for the debugger to disconnect...
- ELIFECYCLE  Command failed with exit code 2.
-Waiting for the debugger to disconnect...

package/src/ai/components/PeerNetworkPanel.tsx

@@ -1,219 +0,0 @@
-/**
- * PeerNetworkPanel — P2P mesh control panel
- *
- * Shows connected peers, hosting controls, and shared results.
- * Uses Decido Aura design tokens for full theme compatibility.
- */
-
-import React, { useState, useCallback } from 'react';
-import { usePeerMesh } from '../hooks/usePeerMesh';
-import type { PeerInfo } from '../services/PeerMesh';
-
-// ─── Helpers ────────────────────────────────────────────────
-
-function timeAgo(ts: number): string {
-  const diff = Date.now() - ts;
-  if (diff < 60_000) return 'just now';
-  if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}m ago`;
-  return `${Math.floor(diff / 3_600_000)}h ago`;
-}
-
-// ─── Component ──────────────────────────────────────────────
-
-export function PeerNetworkPanel() {
-  const {
-    peers, isHosting, isConnected, sharedResults, peerCount,
-    startHost, stopHost, connectToPeer, disconnect,
-  } = usePeerMesh();
-
-  const [peerAddress, setPeerAddress] = useState('');
-  const [hostPort, setHostPort] = useState('9876');
-
-  const handleConnect = useCallback(() => {
-    if (!peerAddress.trim()) return;
-    connectToPeer(peerAddress.trim());
-    setPeerAddress('');
-  }, [peerAddress, connectToPeer]);
-
-  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {
-    if (e.key === 'Enter') handleConnect();
-  }, [handleConnect]);
-
-  return (
-    <div className="flex flex-col gap-3 p-4 bg-surface-secondary rounded-2xl border border-border-subtle">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          <span className="text-lg">🌐</span>
-          <h3 className="text-sm font-semibold text-text-primary">Peer Network</h3>
-          {peerCount > 0 && (
-            <span className="px-1.5 py-0.5 text-[10px] font-bold rounded-full bg-emerald-500/20 text-accent-green">
-              {peerCount}
-            </span>
-          )}
-        </div>
-        <StatusBadge isHosting={isHosting} isConnected={isConnected} />
-      </div>
-
-      {/* Connection Controls */}
-      <div className="flex flex-col gap-2 p-3 rounded-xl bg-surface-tertiary/50">
-        {/* Host Toggle */}
-        <div className="flex items-center justify-between">
-          <div className="flex flex-col">
-            <span className="text-[11px] font-medium text-text-secondary">Host a Group</span>
-            <span className="text-[9px] text-text-muted">Others can connect to you</span>
-          </div>
-          <div className="flex items-center gap-2">
-            <input
-              className="w-16 px-2 py-1 text-[11px] font-mono text-text-primary bg-surface-primary
-                         border border-border-subtle rounded-lg text-center
-                         focus:border-border-strong focus:outline-none transition-colors"
-              value={hostPort}
-              onChange={(e) => setHostPort(e.target.value)}
-              placeholder="Port"
-              disabled={isHosting}
-            />
-            <button
-              onClick={() => isHosting ? stopHost() : startHost(Number(hostPort))}
-              className={`px-3 py-1 text-[11px] font-medium rounded-lg transition-all
-                ${isHosting
-                  ? 'bg-red-500/15 text-accent-red hover:bg-red-500/25'
-                  : 'bg-emerald-500/15 text-accent-green hover:bg-emerald-500/25'
-                }`}
-            >
-              {isHosting ? '⏹ Stop' : '▶ Start'}
-            </button>
-          </div>
-        </div>
-
-        {/* Divider */}
-        <div className="h-px bg-border-subtle" />
-
-        {/* Connect to Peer */}
-        <div className="flex flex-col gap-1.5">
-          <span className="text-[11px] font-medium text-text-secondary">Join a Group</span>
-          <div className="flex gap-2">
-            <input
-              className="flex-1 px-3 py-1.5 text-[11px] font-mono text-text-primary bg-surface-primary
-                         border border-border-subtle rounded-lg placeholder:text-text-muted
-                         focus:border-border-strong focus:outline-none transition-colors"
-              value={peerAddress}
-              onChange={(e) => setPeerAddress(e.target.value)}
-              onKeyDown={handleKeyDown}
-              placeholder="192.168.1.10:9876"
-              disabled={isConnected}
-            />
-            {isConnected ? (
-              <button
-                onClick={disconnect}
-                className="px-3 py-1.5 text-[11px] font-medium rounded-lg bg-red-500/15 text-accent-red
-                           hover:bg-red-500/25 transition-all"
-              >
-                Disconnect
-              </button>
-            ) : (
-              <button
-                onClick={handleConnect}
-                className="px-3 py-1.5 text-[11px] font-medium rounded-lg bg-cyan-500/15 text-accent-cyan
-                           hover:bg-cyan-500/25 transition-all"
-              >
-                Connect
-              </button>
-            )}
-          </div>
-        </div>
-      </div>
-
-      {/* Connected Peers */}
-      {peers.length > 0 && (
-        <div className="flex flex-col gap-1.5">
-          <span className="text-[10px] font-medium text-text-muted uppercase tracking-wider">
-            Connected Peers
-          </span>
-          {peers.map((peer) => (
-            <PeerRow key={peer.id} peer={peer} />
-          ))}
-        </div>
-      )}
-
-      {/* Empty State */}
-      {!isHosting && !isConnected && peers.length === 0 && (
-        <div className="flex flex-col items-center justify-center py-5 text-text-muted gap-1.5">
-          <span className="text-2xl opacity-40">🔗</span>
-          <span className="text-xs text-center">
-            Host a group or connect to a peer<br />
-            to share AI results
-          </span>
-        </div>
-      )}
-
-      {/* Shared Results */}
-      {sharedResults.length > 0 && (
-        <div className="flex flex-col gap-1.5 mt-1">
-          <span className="text-[10px] font-medium text-text-muted uppercase tracking-wider">
-            Shared Results ({sharedResults.length})
-          </span>
-          <div className="flex flex-col gap-1 max-h-40 overflow-y-auto">
-            {sharedResults.slice(-8).reverse().map((r, i) => (
-              <div
-                key={`${r.timestamp}-${i}`}
-                className="px-3 py-2 rounded-xl bg-surface-glass text-[10px]"
-              >
-                <div className="flex items-center justify-between mb-1">
-                  <span className="font-medium text-accent-purple">
-                    {r.peerId.slice(0, 8)}
-                  </span>
-                  <span className="text-text-muted font-mono">{r.model}</span>
-                </div>
-                <p className="text-text-secondary line-clamp-2">{r.response.slice(0, 120)}...</p>
-              </div>
-            ))}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-// ─── Subcomponents ──────────────────────────────────────────
-
-function StatusBadge({ isHosting, isConnected }: { isHosting: boolean; isConnected: boolean }) {
-  if (isHosting) {
-    return (
-      <span className="flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-emerald-500/15 text-[10px] font-medium text-accent-green">
-        <span className="w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse" />
-        Hosting
-      </span>
-    );
-  }
-  if (isConnected) {
-    return (
-      <span className="flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-cyan-500/15 text-[10px] font-medium text-accent-cyan">
-        <span className="w-1.5 h-1.5 rounded-full bg-cyan-400 animate-pulse" />
-        Connected
-      </span>
-    );
-  }
-  return (
-    <span className="flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-surface-glass text-[10px] text-text-muted">
-      <span className="w-1.5 h-1.5 rounded-full bg-surface-tertiary" />
-      Offline
-    </span>
-  );
-}
-
-function PeerRow({ peer }: { peer: PeerInfo }) {
-  return (
-    <div className="flex items-center justify-between px-3 py-2 rounded-xl bg-surface-glass transition-colors hover:bg-surface-tertiary/50">
-      <div className="flex items-center gap-2">
-        <span className="w-2 h-2 rounded-full bg-emerald-400" />
-        <span className="text-xs font-medium text-text-primary">{peer.name}</span>
-      </div>
-      <div className="flex items-center gap-2 text-[10px] text-text-muted">
-        <span className="font-mono">{peer.address}</span>
-        <span>·</span>
-        <span>{timeAgo(peer.lastSeen)}</span>
-      </div>
-    </div>
-  );
-}

package/src/ai/components/TokenWalletPanel.tsx

@@ -1,172 +0,0 @@
-/**
- * TokenWalletPanel — Visual spending dashboard for AI providers
- *
- * Shows total tokens, estimated cost, and per-provider breakdown.
- * Uses Decido Aura design tokens for full theme compatibility.
- */
-
-import React, { useState } from 'react';
-import { useTokenWallet } from '../hooks/useTokenWallet';
-import type { TokenUsageEntry } from '../services/TokenWallet';
-
-// ─── Provider colors (accent palette) ───────────────────────
-
-const PROVIDER_COLORS: Record<string, string> = {
-  ollama:    'text-accent-green',
-  gemini:    'text-accent-blue',
-  anthropic: 'text-accent-purple',
-  openai:    'text-accent-cyan',
-  mlx:       'text-accent-amber',
-};
-
-const PROVIDER_BG: Record<string, string> = {
-  ollama:    'bg-emerald-500/10',
-  gemini:    'bg-blue-500/10',
-  anthropic: 'bg-purple-500/10',
-  openai:    'bg-cyan-500/10',
-  mlx:       'bg-amber-500/10',
-};
-
-const PROVIDER_ICONS: Record<string, string> = {
-  ollama:    '🦙',
-  gemini:    '✨',
-  anthropic: '🧠',
-  openai:    '⚡',
-  mlx:       '🍎',
-};
-
-// ─── Helpers ────────────────────────────────────────────────
-
-function formatCost(usd: number): string {
-  if (usd === 0) return 'FREE';
-  if (usd < 0.01) return `$${usd.toFixed(6)}`;
-  if (usd < 1)    return `$${usd.toFixed(4)}`;
-  return `$${usd.toFixed(2)}`;
-}
-
-function formatTokens(n: number): string {
-  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`;
-  if (n >= 1_000)     return `${(n / 1_000).toFixed(1)}K`;
-  return String(n);
-}
-
-function timeAgo(ts: number): string {
-  const diff = Date.now() - ts;
-  if (diff < 60_000) return 'just now';
-  if (diff < 3_600_000) return `${Math.floor(diff / 60_000)}m ago`;
-  if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)}h ago`;
-  return `${Math.floor(diff / 86_400_000)}d ago`;
-}
-
-// ─── Component ──────────────────────────────────────────────
-
-export function TokenWalletPanel() {
-  const { summary, totalTokens, totalCost, totalCalls, byProvider, clearHistory, getRecentHistory } = useTokenWallet();
-  const [showHistory, setShowHistory] = useState(false);
-
-  const providers = Object.entries(byProvider).sort((a, b) => b[1].cost - a[1].cost);
-  const history = showHistory ? getRecentHistory(15) : [];
-
-  return (
-    <div className="flex flex-col gap-3 p-4 bg-surface-secondary rounded-2xl border border-border-subtle">
-      {/* Header */}
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-2">
-          <span className="text-lg">💰</span>
-          <h3 className="text-sm font-semibold text-text-primary">Token Wallet</h3>
-        </div>
-        <button
-          onClick={clearHistory}
-          className="text-[10px] px-2 py-0.5 rounded-md bg-surface-glass text-text-muted
-                     hover:bg-surface-tertiary hover:text-text-secondary transition-colors"
-        >
-          Clear
-        </button>
-      </div>
-
-      {/* Total Stats */}
-      <div className="grid grid-cols-3 gap-2">
-        <StatCard label="Tokens" value={formatTokens(totalTokens)} accent="text-accent-cyan" />
-        <StatCard label="Cost" value={formatCost(totalCost)} accent={totalCost === 0 ? 'text-accent-green' : 'text-accent-amber'} />
-        <StatCard label="Calls" value={String(totalCalls)} accent="text-accent-blue" />
-      </div>
-
-      {/* Per-Provider Breakdown */}
-      {providers.length > 0 && (
-        <div className="flex flex-col gap-1.5 mt-1">
-          <span className="text-[10px] font-medium text-text-muted uppercase tracking-wider">By Provider</span>
-          {providers.map(([id, data]) => (
-            <div
-              key={id}
-              className={`flex items-center justify-between px-3 py-2 rounded-xl ${PROVIDER_BG[id] || 'bg-surface-glass'} transition-colors`}
-            >
-              <div className="flex items-center gap-2">
-                <span className="text-sm">{PROVIDER_ICONS[id] || '🤖'}</span>
-                <span className={`text-xs font-medium ${PROVIDER_COLORS[id] || 'text-text-primary'}`}>
-                  {id.charAt(0).toUpperCase() + id.slice(1)}
-                </span>
-              </div>
-              <div className="flex items-center gap-3 text-[11px]">
-                <span className="text-text-muted">{data.calls} calls</span>
-                <span className="text-text-secondary font-mono">{formatTokens(data.tokens)}</span>
-                <span className="font-semibold text-text-primary font-mono">{formatCost(data.cost)}</span>
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-
-      {/* Empty State */}
-      {providers.length === 0 && (
-        <div className="flex flex-col items-center justify-center py-6 text-text-muted gap-1">
-          <span className="text-2xl opacity-50">📊</span>
-          <span className="text-xs">No AI calls recorded yet</span>
-        </div>
-      )}
-
-      {/* History Toggle */}
-      <button
-        onClick={() => setShowHistory(!showHistory)}
-        className="text-[10px] text-text-muted hover:text-text-secondary transition-colors self-center"
-      >
-        {showHistory ? '▲ Hide recent' : '▼ Show recent calls'}
-      </button>
-
-      {/* History List */}
-      {showHistory && history.length > 0 && (
-        <div className="flex flex-col gap-1 max-h-48 overflow-y-auto">
-          {history.reverse().map((entry, i) => (
-            <HistoryRow key={`${entry.timestamp}-${i}`} entry={entry} />
-          ))}
-        </div>
-      )}
-    </div>
-  );
-}
-
-// ─── Subcomponents ──────────────────────────────────────────
-
-function StatCard({ label, value, accent }: { label: string; value: string; accent: string }) {
-  return (
-    <div className="flex flex-col items-center p-2 rounded-xl bg-surface-tertiary/50">
-      <span className="text-[9px] text-text-muted uppercase tracking-wider">{label}</span>
-      <span className={`text-base font-bold font-mono ${accent}`}>{value}</span>
-    </div>
-  );
-}
-
-function HistoryRow({ entry }: { entry: TokenUsageEntry }) {
-  return (
-    <div className="flex items-center justify-between px-2 py-1.5 rounded-lg bg-surface-glass text-[10px]">
-      <div className="flex items-center gap-1.5">
-        <span>{PROVIDER_ICONS[entry.provider] || '🤖'}</span>
-        <span className="text-text-secondary font-mono">{entry.model.split('/').pop()?.slice(0, 18)}</span>
-      </div>
-      <div className="flex items-center gap-2">
-        <span className="text-text-muted">{formatTokens(entry.totalTokens)}</span>
-        <span className="text-text-primary font-mono">{formatCost(entry.estimatedCostUsd)}</span>
-        <span className="text-text-muted">{timeAgo(entry.timestamp)}</span>
-      </div>
-    </div>
-  );
-}

package/src/ai/hooks/usePeerMesh.ts

@@ -1,79 +0,0 @@
-/**
- * usePeerMesh — React hook for P2P group mesh
- *
- * Exposes peer list, hosting controls, and context sharing.
- */
-
-import { useState, useEffect, useCallback, useRef } from 'react';
-import {
-  peerMesh,
-  type PeerInfo,
-  type SharedResult,
-} from '../services/PeerMesh';
-
-export function usePeerMesh() {
-  const [peers, setPeers] = useState<PeerInfo[]>([]);
-  const [isHosting, setIsHosting] = useState(false);
-  const [isConnected, setIsConnected] = useState(false);
-  const [sharedResults, setSharedResults] = useState<SharedResult[]>([]);
-  const resultsRef = useRef(sharedResults);
-  resultsRef.current = sharedResults;
-
-  useEffect(() => {
-    const unsubPeers = peerMesh.onPeersChanged((newPeers) => {
-      setPeers([...newPeers]);
-    });
-
-    const unsubHosting = peerMesh.onHostingChanged((hosting) => {
-      setIsHosting(hosting);
-    });
-
-    const unsubConnected = peerMesh.onConnectionChanged((connected) => {
-      setIsConnected(connected);
-    });
-
-    const unsubResult = peerMesh.onSharedResult((result) => {
-      setSharedResults(prev => [...prev.slice(-49), result]);
-    });
-
-    return () => {
-      unsubPeers();
-      unsubHosting();
-      unsubConnected();
-      unsubResult();
-    };
-  }, []);
-
-  const startHost = useCallback((port?: number) => {
-    peerMesh.startHost(port);
-  }, []);
-
-  const stopHost = useCallback(() => {
-    peerMesh.stopHost();
-  }, []);
-
-  const connectToPeer = useCallback((address: string) => {
-    peerMesh.connectToPeer(address);
-  }, []);
-
-  const disconnect = useCallback(() => {
-    peerMesh.disconnect();
-  }, []);
-
-  const shareResult = useCallback((result: Omit<SharedResult, 'peerId' | 'timestamp'>) => {
-    peerMesh.shareResult(result);
-  }, []);
-
-  return {
-    peers,
-    isHosting,
-    isConnected,
-    sharedResults,
-    peerCount: peers.length,
-    startHost,
-    stopHost,
-    connectToPeer,
-    disconnect,
-    shareResult,
-  };
-}

package/src/ai/hooks/useTokenWallet.ts

@@ -1,35 +0,0 @@
-/**
- * useTokenWallet — React hook for the Token Wallet
- *
- * Subscribes to wallet changes and exposes a reactive summary.
- */
-
-import { useState, useEffect, useCallback } from 'react';
-import { tokenWallet, type WalletSummary, type TokenUsageEntry } from '../services/TokenWallet';
-
-export function useTokenWallet() {
-  const [summary, setSummary] = useState<WalletSummary>(tokenWallet.getSummary());
-
-  useEffect(() => {
-    const unsubscribe = tokenWallet.subscribe(setSummary);
-    return unsubscribe;
-  }, []);
-
-  const clearHistory = useCallback(() => {
-    tokenWallet.clearHistory();
-  }, []);
-
-  const getRecentHistory = useCallback((count = 20): TokenUsageEntry[] => {
-    return tokenWallet.getRecentHistory(count);
-  }, []);
-
-  return {
-    summary,
-    clearHistory,
-    getRecentHistory,
-    totalTokens: summary.totalTokens,
-    totalCost: summary.totalCostUsd,
-    totalCalls: summary.totalCalls,
-    byProvider: summary.byProvider,
-  };
-}