palmier 0.9.6 → 0.9.7

package/palmier-server/pwa/src/pages/PairHost.tsx

@@ -1,232 +0,0 @@
-import { useState } from "react";
-import { useNavigate } from "react-router-dom";
-import { connect, jwtAuthenticator, StringCodec } from "nats.ws";
-import { Capacitor } from "@capacitor/core";
-import { Preferences } from "@capacitor/preferences";
-import { useHostStore } from "../contexts/HostStoreContext";
-import { Device } from "../native/Device";
-import { SERVER_URL } from "../api";
-import type { PairedHost } from "../types";
-
-interface PairResponse {
-  hostId: string;
-  clientToken: string;
-  hostName?: string;
-}
-
-/** Loopback (Local) mode: PWA is served by palmier serve on localhost. */
-const isLoopback = !!(window as any).__PALMIER_SERVE__
-  && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
-
-const isNative = Capacitor.isNativePlatform();
-
-export default function PairHost() {
-  const [code, setCode] = useState("");
-  const [makeLinked, setMakeLinked] = useState(true);
-  const [pairing, setPairing] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const { addPairedHost } = useHostStore();
-  const navigate = useNavigate();
-
-  async function handlePair() {
-    const trimmedCode = code.trim().toUpperCase();
-    if (!trimmedCode) {
-      setError("Enter a pairing code.");
-      return;
-    }
-
-    setPairing(true);
-    setError(null);
-
-    try {
-      let response: PairResponse;
-
-      if (isLoopback) {
-        const res = await fetch("/pair", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ code: trimmedCode, label: navigator.userAgent }),
-        });
-
-        if (!res.ok) {
-          const body = await res.json().catch(() => ({ error: "Connection failed" })) as { error?: string };
-          throw new Error(body.error || `HTTP ${res.status}`);
-        }
-
-        response = await res.json() as PairResponse;
-      } else {
-        const configRes = await fetch(`${SERVER_URL}/api/config`);
-        if (!configRes.ok) throw new Error("Failed to fetch server config");
-        const config = await configRes.json() as { natsWsUrl: string; natsJwt: string; natsNkeySeed: string };
-        if (!config.natsWsUrl) throw new Error("Server has no NATS WebSocket URL configured");
-
-        const nc = await connect({
-          servers: config.natsWsUrl,
-          authenticator: jwtAuthenticator(
-            config.natsJwt,
-            new TextEncoder().encode(config.natsNkeySeed),
-          ),
-        });
-
-        const sc = StringCodec();
-        const subject = `pair.${trimmedCode}`;
-        const msg = await nc.request(
-          subject,
-          sc.encode(JSON.stringify({ label: navigator.userAgent })),
-          { timeout: 10000 },
-        );
-
-        response = JSON.parse(sc.decode(msg.data)) as PairResponse;
-        await nc.close();
-      }
-
-      const host: PairedHost = {
-        hostId: response.hostId,
-        clientToken: response.clientToken,
-        directUrl: isLoopback ? window.location.origin : undefined,
-        ...(response.hostName ? { name: response.hostName } : {}),
-      };
-
-      addPairedHost(host);
-
-      if (Capacitor.isNativePlatform() && Device) {
-        // Native receivers (SmsBroadcastReceiver, DeviceNotificationListenerService)
-        // read hostId to address relay messages.
-        await Preferences.set({ key: "hostId", value: response.hostId });
-
-        // Register this device's FCM token with the relay server so it can wake
-        // the device on the paired host's behalf. Moved here from native so the
-        // APK no longer needs to read hostId or trigger registration itself.
-        try {
-          const { token: fcmToken } = await Device.getFcmToken();
-          await fetch(`${SERVER_URL}/api/fcm/register`, {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ hostId: response.hostId, fcmToken }),
-          });
-        } catch (err) {
-          console.warn("FCM token registration failed:", err);
-        }
-      }
-
-      const base = `/hosts/${encodeURIComponent(response.hostId)}`;
-      navigate(isNative && makeLinked ? `${base}/pair/setup` : base);
-    } catch (err) {
-      const message = err instanceof Error ? err.message : String(err);
-      if (message.includes("timeout") || message.includes("TIMEOUT") || message.includes("503") || message.toLowerCase().includes("no responders")) {
-        setError("Code not found or expired. Check the code and try again.");
-      } else {
-        setError(message);
-      }
-    } finally {
-      setPairing(false);
-    }
-  }
-
-  return (
-    <div className="pair-page">
-      <div className="pair-card">
-        <div className="pair-header">
-          <h1 className="pair-title">{isLoopback ? "Pair" : "Pair with Host"}</h1>
-          <p className="pair-subtitle">
-            {isLoopback
-              ? "Enter the pairing code shown in your terminal."
-              : "Connect this device to a Palmier host"}
-          </p>
-        </div>
-
-        {!isLoopback && (
-          <div className="pair-instructions">
-            <div className="pair-instruction-block">
-              <h3 className="pair-instruction-heading">Setting up a new host?</h3>
-              <ol className="pair-steps">
-                <li>Install at least one agent CLI (e.g., <a href="https://www.palmier.me/agents" target="_blank" rel="noopener noreferrer">Claude Code, Gemini CLI, Codex CLI</a>)</li>
-                <li>Install Palmier on your host machine.
-                  <span className="pair-platform-label">Linux / macOS:</span>
-                  <code className="pair-command">curl -fsSL https://palmier.me/install.sh | bash</code>
-                  <span className="pair-platform-label">Windows (PowerShell):</span>
-                  <code className="pair-command">irm https://palmier.me/install.ps1 | iex</code>
-                </li>
-                <li>Run the setup wizard:
-                  <code className="pair-command">palmier init</code>
-                </li>
-                <li>A pairing code will display automatically</li>
-              </ol>
-            </div>
-            <div className="pair-instruction-divider" />
-            <div className="pair-instruction-block">
-              <h3 className="pair-instruction-heading">Pairing an existing host?</h3>
-              <ol className="pair-steps">
-                <li>
-                  Run <code>palmier pair</code> on the host machine
-                </li>
-                <li>Enter the 6-character code below</li>
-              </ol>
-            </div>
-          </div>
-        )}
-
-        <div className="pair-form">
-          <label className="form-label" htmlFor="pair-code">
-            Pairing code
-            <input
-              id="pair-code"
-              type="text"
-              maxLength={6}
-              value={code}
-              onChange={(e) => setCode(e.target.value.toUpperCase())}
-              placeholder="A7K9M2"
-              className="form-input form-input-mono pair-code-input"
-              autoFocus
-              autoComplete="off"
-              disabled={pairing}
-            />
-          </label>
-
-          {isNative && (
-            <label className="pair-checkbox">
-              <input
-                type="checkbox"
-                checked={makeLinked}
-                onChange={(e) => setMakeLinked(e.target.checked)}
-                disabled={pairing}
-              />
-              <span className="pair-checkbox-text">
-                <span className="pair-checkbox-title">Link the host to this device</span>
-                <span className="pair-checkbox-hint">
-                  {makeLinked
-                    ? "The host will use this device for SMS, contacts, calendar, location, and alarms. Only one device can be linked to the host."
-                    : "This device won't provide SMS, contacts, calendar, location, or alarms to the host. You can link it later from the menu."}
-                </span>
-              </span>
-            </label>
-          )}
-
-          {error && <p className="pair-error">{error}</p>}
-
-          <button
-            className="btn btn-primary btn-full"
-            onClick={handlePair}
-            disabled={pairing || !code.trim()}
-          >
-            {pairing && <span className="btn-spinner" />}
-            {pairing ? "Pairing..." : "Pair"}
-          </button>
-          <button
-            className="btn btn-secondary btn-full"
-            onClick={() => navigate("/")}
-            disabled={pairing}
-          >
-            Cancel
-          </button>
-
-          <p className="pair-consent">
-            By pairing, you agree to our{" "}
-            <a href="https://www.palmier.me/terms" target="_blank" rel="noopener noreferrer">Terms of Service</a> and{" "}
-            <a href="https://www.palmier.me/privacy" target="_blank" rel="noopener noreferrer">Privacy Policy</a>.
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-}

package/palmier-server/pwa/src/pages/PairSetup.tsx

@@ -1,134 +0,0 @@
-import { useEffect, useState } from "react";
-import { createPortal } from "react-dom";
-import { useNavigate } from "react-router-dom";
-import { useHostConnection } from "../contexts/HostConnectionContext";
-import { useHostStore } from "../contexts/HostStoreContext";
-import CapabilityToggles from "../components/CapabilityToggles";
-import { Device } from "../native/Device";
-
-interface HostInfoResponse {
-  lan_url?: string | null;
-  linked_client_token?: string | null;
-}
-
-type Phase = "loading" | "confirming" | "linking" | "wizard" | "linkError";
-
-export default function PairSetup() {
-  const navigate = useNavigate();
-  const { connected, request, activeHost } = useHostConnection();
-  const { setHostLanUrl, pairedHosts } = useHostStore();
-  const isFirstHost = pairedHosts.length <= 1;
-
-  const [phase, setPhase] = useState<Phase>("loading");
-  const [linkedClientToken, setLinkedClientToken] = useState<string | null>(null);
-  const [linkError, setLinkError] = useState<string | null>(null);
-
-  function goToHost() {
-    navigate(`/hosts/${encodeURIComponent(activeHost.hostId)}`, { replace: true });
-  }
-
-  // Phase: loading → fetch host.info, then transition.
-  useEffect(() => {
-    if (!connected || phase !== "loading") return;
-    let cancelled = false;
-    request<HostInfoResponse>("host.info").catch(() => ({} as HostInfoResponse)).then((info) => {
-      if (cancelled) return;
-      setHostLanUrl(activeHost.hostId, info.lan_url ?? undefined);
-      const linked = info.linked_client_token ?? null;
-      setLinkedClientToken(linked);
-      const otherDeviceLinked = !!linked && linked !== activeHost.clientToken;
-      setPhase(otherDeviceLinked ? "confirming" : "linking");
-    });
-    return () => { cancelled = true; };
-  }, [connected, phase, activeHost, request, setHostLanUrl]);
-
-  // Phase: linking → call device.link, then either show wizard (first host)
-  // or navigate (subsequent host).
-  useEffect(() => {
-    if (phase !== "linking") return;
-    let cancelled = false;
-    (async () => {
-      try {
-        if (Device) {
-          const { token: fcmToken } = await Device.getFcmToken();
-          if (!fcmToken) throw new Error("Could not read FCM token");
-          await request("device.link", { fcmToken });
-        }
-        if (cancelled) return;
-        if (isFirstHost) setPhase("wizard");
-        else goToHost();
-      } catch (err) {
-        if (cancelled) return;
-        setLinkError(err instanceof Error ? err.message : String(err));
-        setPhase("linkError");
-      }
-    })();
-    return () => { cancelled = true; };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [phase]);
-
-  function confirmLink() { setPhase("linking"); }
-  function cancelLink() { goToHost(); }
-  function retryLink() { setLinkError(null); setPhase("linking"); }
-
-  const linkModal = phase === "confirming" && createPortal(
-    <div className="confirm-modal-overlay" onClick={cancelLink}>
-      <div className="confirm-modal" onClick={(e) => e.stopPropagation()}>
-        <h2 className="confirm-modal-title">Link the host to this device?</h2>
-        <p className="confirm-modal-message">
-          Another device is already linked to this host. Only one device can be linked to the host — switching will disable those capabilities on the currently linked device.
-        </p>
-        <div className="confirm-modal-actions">
-          <button className="btn btn-secondary" onClick={cancelLink}>Cancel</button>
-          <button className="btn btn-primary" onClick={confirmLink}>Link</button>
-        </div>
-      </div>
-    </div>,
-    document.body,
-  );
-
-  if (phase === "loading" || phase === "confirming" || phase === "linking" || phase === "linkError") {
-    const isWizardCandidate = isFirstHost;
-    const showSpinner = phase === "loading" || phase === "confirming" || phase === "linking";
-    return (
-      <div className="pair-setup">
-        <div className="pair-setup-inner">
-          {isWizardCandidate && <h1 className="pair-setup-title">Device Capabilities</h1>}
-          <div className="pair-setup-loading">
-            {showSpinner && <span className="spinner spinner-lg" />}
-            {phase === "loading" && <span>Connecting to host…</span>}
-            {phase === "confirming" && <span>Awaiting confirmation…</span>}
-            {phase === "linking" && <span>Linking device…</span>}
-            {phase === "linkError" && (
-              <>
-                <p className="pair-error">{linkError}</p>
-                <button className="btn btn-primary" onClick={retryLink}>Retry</button>
-                <button className="btn btn-secondary" onClick={goToHost}>Skip linking</button>
-              </>
-            )}
-          </div>
-        </div>
-        {linkModal}
-      </div>
-    );
-  }
-
-  // phase === "wizard"
-  void linkedClientToken;
-  return (
-    <div className="pair-setup">
-      <div className="pair-setup-inner">
-        <h1 className="pair-setup-title">Device Capabilities</h1>
-        <p className="pair-setup-description">
-          Choose what the host can use this device for. You can change these later from the menu.
-        </p>
-
-        <CapabilityToggles />
-
-        <div className="pair-setup-actions">
-          <button className="btn btn-primary btn-full" onClick={goToHost}>Finish</button>
-        </div>
-      </div>
-    </div>
-  );
-}

package/palmier-server/pwa/src/service-worker.ts

@@ -1,142 +0,0 @@
-/// <reference lib="webworker" />
-import { precacheAndRoute } from "workbox-precaching";
-
-declare const self: ServiceWorkerGlobalScope;
-
-// Precache assets injected by vite-plugin-pwa
-precacheAndRoute(self.__WB_MANIFEST);
-
-const API_URL = "/api/push/respond";
-
-// hostId stored for potential future use (e.g., scoped push responses)
-self.addEventListener("message", (_event) => {
-  // Handle messages from the main app (e.g., set-host-id)
-});
-
-self.addEventListener("push", (event) => {
-  if (!event.data) return;
-
-  let payload: {
-    title?: string;
-    body?: string;
-    data?: Record<string, unknown>;
-    type?: string;
-  };
-  try {
-    payload = event.data.json();
-  } catch {
-    payload = { title: "Palmier", body: event.data.text() };
-  }
-
-  const type = payload.type ?? (payload.data as Record<string, unknown>)?.type;
-
-  // Silent dismiss: close matching notification without showing a new one
-  if (type === "confirm-dismiss" || type === "permission-dismiss" || type === "input-dismiss") {
-    const data = payload.data ?? payload;
-    const dataHostId = (data as Record<string, unknown>).host_id;
-    const requestId = (data as Record<string, unknown>).session_id;
-    const taskId = (data as Record<string, unknown>).task_id; // permission-dismiss still uses task_id
-    event.waitUntil(
-      self.registration.getNotifications().then((notifications) => {
-        for (const n of notifications) {
-          if (n.data?.host_id !== dataHostId) continue;
-          if (requestId && n.data?.session_id === requestId) { n.close(); continue; }
-          if (taskId && n.data?.task_id === taskId) { n.close(); } // permission only
-        }
-      })
-    );
-    return;
-  }
-
-  const title = payload.title ?? "Palmier";
-  let body = payload.body ?? "";
-  if (!body && type === "confirm") {
-    body = "A task requires confirmation to run.";
-  }
-  if (!body && type === "permission") {
-    body = "A task needs additional permissions to continue.";
-  }
-  if (!body && type === "input") {
-    body = "A task needs your input to continue.";
-  }
-
-  const options: NotificationOptions & { vibrate?: number[]; actions?: Array<{ action: string; title: string }> } = {
-    body,
-    icon: "/pwa-192x192.png",
-    badge: "/pwa-192x192.png",
-    data: payload.data ?? payload,
-    vibrate: [100, 50, 100],
-  };
-
-  // Add action buttons for confirmation notifications
-  if (type === "confirm") {
-    options.actions = [
-      { action: "confirm", title: "Confirm" },
-      { action: "abort", title: "Abort" },
-    ];
-  }
-
-  event.waitUntil(self.registration.showNotification(title, options));
-});
-
-self.addEventListener("notificationclick", (event) => {
-  const notification = event.notification;
-  notification.close();
-
-  const data = notification.data ?? {};
-  const action = event.action;
-
-  if (action && data.type === "confirm" && data.session_id && data.host_id) {
-    const response = action === "confirm" ? "confirmed" : "aborted";
-
-    event.waitUntil(
-      fetch(API_URL, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          session_id: data.session_id,
-          host_id: data.host_id,
-          response,
-        }),
-      }).catch((err) => {
-        console.error("Failed to send push response:", err);
-      })
-    );
-  } else {
-    // User tapped the notification body — open the PWA.
-    // For task-complete/fail notifications, deep-link to the result view
-    // scoped to the originating host so the PWA switches hosts automatically.
-    const hostId = data.host_id;
-    const taskId = data.task_id;
-    const runId = data.run_id;
-    const hostPrefix = hostId ? `/hosts/${encodeURIComponent(hostId)}` : "";
-    const targetUrl = hostPrefix && taskId && runId
-      ? `${hostPrefix}/runs/${encodeURIComponent(taskId)}/${encodeURIComponent(runId)}`
-      : hostPrefix && taskId
-        ? `${hostPrefix}/runs/${encodeURIComponent(taskId)}/latest`
-        : hostPrefix || "/";
-
-    event.waitUntil(
-      self.clients
-        .matchAll({ type: "window", includeUncontrolled: true })
-        .then((clients) => {
-          for (const client of clients) {
-            if (client.url.includes(self.location.origin) && "focus" in client) {
-              (client as WindowClient).navigate(targetUrl);
-              return client.focus();
-            }
-          }
-          return self.clients.openWindow(targetUrl);
-        })
-    );
-  }
-});
-
-// Activate immediately
-self.addEventListener("install", () => {
-  self.skipWaiting();
-});
-
-self.addEventListener("activate", (event) => {
-  event.waitUntil(self.clients.claim());
-});

package/palmier-server/pwa/src/types.ts

@@ -1,75 +0,0 @@
-export interface AgentInfo {
-  key: string;
-  label: string;
-  supportsPermissions: boolean;
-  supportsYolo: boolean;
-}
-
-
-export interface Task {
-  id: string;
-  name: string;
-  user_prompt: string;
-  agent?: string;
-  schedule_type?: "crons" | "specific_times" | "on_new_notification" | "on_new_sms";
-  schedule_values?: string[];
-  schedule_enabled: boolean;
-  requires_confirmation: boolean;
-  yolo_mode?: boolean;
-  foreground_mode?: boolean;
-  permissions?: RequiredPermission[];
-  command?: string;
-}
-
-export interface RequiredPermission {
-  name: string;
-  description: string;
-}
-
-export interface ConfirmNotification {
-  type: "confirm";
-  task_id: string;
-  host_id: string;
-}
-
-export type TaskRunningState = "started" | "finished" | "aborted" | "failed";
-
-export interface TaskStatus {
-  running_state: TaskRunningState;
-  /** UTC time in milliseconds since epoch */
-  time_stamp: number;
-}
-
-export interface HistoryEntry {
-  task_id: string;
-  run_id: string;
-  // Enriched by taskrun.list RPC from TASKRUN.md:
-  task_name?: string;
-  running_state?: string;
-  start_time?: number;
-  end_time?: number;
-  error?: string;
-}
-
-export interface ConversationMessage {
-  role: "assistant" | "user" | "status";
-  time: number;
-  content: string;
-  type?: "input" | "permission" | "confirmation" | "monitoring" | "started" | "finished" | "failed" | "aborted" | "stopped" | "error";
-  attachments?: string[];
-}
-
-/** A host paired via pairing code (stored in localStorage). */
-export interface PairedHost {
-  hostId: string;
-  clientToken: string;
-  name?: string;
-  /** If set, all communication uses HTTP to this URL instead of NATS. Set only for loopback (Local mode). */
-  directUrl?: string;
-  /** Host's LAN URL, refreshed from each `host.info` response so laptop/DHCP IP changes propagate. Native Capacitor app probes for reachability and routes RPC over HTTP when reachable; events stay on NATS. */
-  lanUrl?: string;
-  /** Last-used agent key for this host. Seeds the agent picker on the session composer and task form. */
-  lastAgent?: string;
-  /** IANA timezone from the host, refreshed on each `host.info`. Drives all time rendering. */
-  timezone?: string;
-}

package/palmier-server/pwa/src/vite-env.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module "@fontsource-variable/plus-jakarta-sans";
-
-interface ImportMetaEnv {
-  readonly VITE_API_URL: string;
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}

package/palmier-server/pwa/tsconfig.json

@@ -1,21 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/palmier-server/pwa/tsconfig.node.json

@@ -1,19 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/palmier-server/pwa/vite.config.ts

@@ -1,47 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import { VitePWA } from "vite-plugin-pwa";
-
-export default defineConfig({
-  server: {
-    host: true,
-    proxy: {
-      "/api": process.env.API_URL || "http://localhost:3000"
-    },
-  },
-  plugins: [
-    react(),
-    VitePWA({
-      strategies: "injectManifest",
-      srcDir: "src",
-      filename: "service-worker.ts",
-      registerType: "autoUpdate",
-      devOptions: {
-        enabled: true,
-        type: "module",
-      },
-      includeAssets: ["favicon.ico", "apple-touch-icon.png"],
-      manifest: {
-        name: "Palmier",
-        short_name: "Palmier",
-        description: "Bridge your AI agents and your phone. Your AI agents use your phone as a tool — GPS, email, calendar, contacts — and you use your phone as an agent remote.",
-        start_url: "/",
-        display: "standalone",
-        background_color: "#ffffff",
-        theme_color: "#2E5CE5",
-        icons: [
-          {
-            src: "pwa-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
-          },
-          {
-            src: "pwa-512x512.png",
-            sizes: "512x512",
-            type: "image/png",
-          },
-        ],
-      },
-    }),
-  ],
-});