npm - palmier - Versions diffs - 0.6.6 → 0.6.8 - Mend

palmier 0.6.6 → 0.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/README.md +15 -1
package/dist/agents/agent-instructions.md +6 -14
package/dist/agents/aider.js +1 -1
package/dist/agents/claude.js +1 -1
package/dist/agents/cline.js +1 -1
package/dist/agents/codex.js +1 -1
package/dist/agents/copilot.js +1 -1
package/dist/agents/cursor.js +1 -1
package/dist/agents/deepagents.js +1 -1
package/dist/agents/droid.js +1 -1
package/dist/agents/gemini.js +1 -1
package/dist/agents/goose.js +1 -1
package/dist/agents/hermes.js +1 -1
package/dist/agents/kimi.js +1 -1
package/dist/agents/kiro.js +1 -1
package/dist/agents/openclaw.js +1 -1
package/dist/agents/opencode.js +1 -1
package/dist/agents/qoder.js +1 -1
package/dist/agents/qwen.js +1 -1
package/dist/agents/shared-prompt.d.ts +3 -2
package/dist/agents/shared-prompt.js +6 -4
package/dist/commands/plan-generation.md +1 -0
package/dist/commands/run.js +4 -7
package/dist/location-device.d.ts +8 -0
package/dist/location-device.js +32 -0
package/dist/mcp-handler.d.ts +8 -0
package/dist/mcp-handler.js +110 -0
package/dist/mcp-tools.d.ts +27 -0
package/dist/mcp-tools.js +218 -0
package/dist/pwa/assets/{index-DhvJN8ie.css → index-C6Lz09EY.css} +1 -1
package/dist/pwa/assets/index-C8vJwUNi.js +118 -0
package/dist/pwa/assets/web-6UChJFov.js +1 -0
package/dist/pwa/assets/web-NxTETXZK.js +1 -0
package/dist/pwa/index.html +3 -3
package/dist/pwa/service-worker.js +2 -2
package/dist/rpc-handler.js +20 -8
package/dist/spawn-command.js +3 -1
package/dist/transports/http-transport.js +60 -129
package/package.json +1 -1
package/palmier-server/README.md +6 -1
package/palmier-server/package.json +7 -1
package/palmier-server/pnpm-lock.yaml +1025 -1
package/palmier-server/pwa/index.html +1 -1
package/palmier-server/pwa/package.json +3 -0
package/palmier-server/pwa/src/App.css +64 -0
package/palmier-server/pwa/src/api.ts +8 -2
package/palmier-server/pwa/src/components/HostMenu.tsx +102 -1
package/palmier-server/pwa/src/components/TaskCard.tsx +36 -8
package/palmier-server/pwa/src/components/TaskForm.tsx +63 -53
package/palmier-server/pwa/src/components/TaskListView.tsx +94 -78
package/palmier-server/pwa/src/constants.ts +1 -1
package/palmier-server/pwa/src/contexts/HostConnectionContext.tsx +2 -1
package/palmier-server/pwa/src/hooks/usePushSubscription.ts +3 -0
package/palmier-server/pwa/src/pages/Dashboard.tsx +5 -2
package/palmier-server/pwa/src/pages/PairHost.tsx +10 -1
package/palmier-server/pwa/src/service-worker.ts +7 -7
package/palmier-server/server/.env.example +4 -0
package/palmier-server/server/package.json +1 -0
package/palmier-server/server/src/db.ts +10 -0
package/palmier-server/server/src/fcm.ts +74 -0
package/palmier-server/server/src/index.ts +101 -21
package/palmier-server/server/src/notify.ts +34 -0
package/palmier-server/server/src/push.ts +1 -1
package/palmier-server/server/src/routes/fcm.ts +64 -0
package/palmier-server/server/src/routes/push.ts +6 -5
package/palmier-server/spec.md +4 -2
package/src/agents/agent-instructions.md +6 -14
package/src/agents/aider.ts +1 -1
package/src/agents/claude.ts +1 -1
package/src/agents/cline.ts +1 -1
package/src/agents/codex.ts +1 -1
package/src/agents/copilot.ts +1 -1
package/src/agents/cursor.ts +1 -1
package/src/agents/deepagents.ts +1 -1
package/src/agents/droid.ts +1 -1
package/src/agents/gemini.ts +1 -1
package/src/agents/goose.ts +1 -1
package/src/agents/hermes.ts +1 -1
package/src/agents/kimi.ts +1 -1
package/src/agents/kiro.ts +1 -1
package/src/agents/openclaw.ts +1 -1
package/src/agents/opencode.ts +1 -1
package/src/agents/qoder.ts +1 -1
package/src/agents/qwen.ts +1 -1
package/src/agents/shared-prompt.ts +7 -4
package/src/commands/plan-generation.md +1 -0
package/src/commands/run.ts +4 -7
package/src/location-device.ts +35 -0
package/src/mcp-handler.ts +133 -0
package/src/mcp-tools.ts +253 -0
package/src/rpc-handler.ts +21 -8
package/src/spawn-command.ts +3 -1
package/src/transports/http-transport.ts +57 -128
package/test/agent-instructions.test.ts +68 -5
package/test/fixtures/agent-instructions-snapshot.md +58 -0
package/dist/pwa/assets/index-CXqKVvmk.js +0 -118

package/palmier-server/pwa/index.html CHANGED Viewed

@@ -7,7 +7,7 @@
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <title>Palmier</title>
-    <meta name="description" content="Control AI agents running on your machine from any device. Schedule tasks, monitor runs, and stay in control." />
+    <meta name="description" content="Remote control for AI agents running on your own machine. Schedule tasks, approve permissions, and get push notifications." />
   </head>
   <body>
     <div id="root"></div>

package/palmier-server/pwa/package.json CHANGED Viewed

@@ -9,6 +9,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@capacitor/app": "^8.1.0",
+    "@capacitor/core": "^8.3.0",
+    "@capacitor/preferences": "^8.0.1",
     "@fontsource-variable/plus-jakarta-sans": "^5.2.8",
     "nats.ws": "^1.30.0",
     "react": "^19.0.0",

package/palmier-server/pwa/src/App.css CHANGED Viewed

@@ -1152,6 +1152,7 @@ body {
   width: auto;
 }
+.triggers-section-body > .form-select,
 .trigger-row-card .form-select,
 .trigger-row-card .form-input {
   margin-bottom: 0;
@@ -1160,6 +1161,14 @@ body {
   height: 32px;
   box-sizing: border-box;
   min-width: 0;
+}
+.triggers-section-body > .form-select {
+  width: 100%;
+}
+.trigger-row-card .form-select,
+.trigger-row-card .form-input {
   flex: 1;
 }
@@ -1308,6 +1317,12 @@ body {
   font-size: 1.125rem;
   font-weight: 700;
   letter-spacing: -0.02em;
+  margin-bottom: var(--space-xs);
+}
+.confirm-modal-subtitle {
+  font-size: 0.8rem;
+  color: var(--color-muted);
   margin-bottom: var(--space-sm);
 }
@@ -1681,6 +1696,55 @@ body {
   margin-bottom: var(--space-sm);
 }
+.drawer-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-sm);
+}
+.drawer-toggle-label {
+  font-size: 0.85rem;
+  color: var(--color-text);
+}
+.toggle-switch {
+  position: relative;
+  width: 40px;
+  height: 22px;
+  border-radius: 11px;
+  border: none;
+  background: var(--color-border);
+  cursor: pointer;
+  padding: 0;
+  transition: background 0.2s;
+  flex-shrink: 0;
+}
+.toggle-switch-on {
+  background: var(--color-primary);
+}
+.toggle-switch-thumb {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: white;
+  transition: transform 0.2s;
+}
+.toggle-switch-on .toggle-switch-thumb {
+  transform: translateX(18px);
+}
+.toggle-switch:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
 .drawer-footer {
   margin-top: auto;
   padding: var(--space-md);

package/palmier-server/pwa/src/api.ts CHANGED Viewed

@@ -1,17 +1,23 @@
+import { Capacitor } from "@capacitor/core";
+/** On native platforms, API calls go to the production server. On web, they're relative (same-origin). */
+export const SERVER_URL = Capacitor.isNativePlatform() ? "https://app.palmier.me" : "";
 async function request<T>(
   method: string,
   path: string,
   body?: unknown,
   token?: string
 ): Promise<T> {
-  console.log(`[API] ${method} ${path}`);
+  const url = `${SERVER_URL}${path}`;
+  console.log(`[API] ${method} ${url}`);
   const headers: Record<string, string> = {
     "Content-Type": "application/json",
   };
   if (token) {
     headers["Authorization"] = `Bearer ${token}`;
   }
-  const res = await fetch(path, {
+  const res = await fetch(url, {
     method,
     headers,
     body: body != null ? JSON.stringify(body) : undefined,

package/palmier-server/pwa/src/components/HostMenu.tsx CHANGED Viewed

@@ -1,17 +1,39 @@
 import { useState, useEffect, useRef, useCallback } from "react";
 import { createPortal } from "react-dom";
 import { useNavigate } from "react-router-dom";
+import { Capacitor, registerPlugin } from "@capacitor/core";
+import { App as CapApp } from "@capacitor/app";
+import { Preferences } from "@capacitor/preferences";
+interface LocationPermissionResult {
+  fine: boolean;
+  background: boolean;
+}
+interface LocationPermissionPlugin {
+  request(): Promise<LocationPermissionResult>;
+  check(): Promise<LocationPermissionResult>;
+}
+const LocationPermission = Capacitor.isNativePlatform()
+  ? registerPlugin<LocationPermissionPlugin>("LocationPermission")
+  : null;
 import { useHostStore } from "../contexts/HostStoreContext";
 import { useMediaQuery } from "../hooks/useMediaQuery";
 /** LAN mode: PWA is served by palmier serve (marker injected into HTML). */
 const isLanMode = !!(window as any).__PALMIER_SERVE__;
+const isNative = Capacitor.isNativePlatform();
 interface HostMenuProps {
   daemonVersion?: string | null;
+  locationClientToken?: string | null;
+  activeClientToken?: string | null;
+  request?<T = unknown>(method: string, params?: unknown): Promise<T>;
+  onLocationClientTokenChange?(token: string | null): void;
 }
-export default function HostMenu({ daemonVersion }: HostMenuProps) {
+export default function HostMenu({ daemonVersion, locationClientToken, activeClientToken, request, onLocationClientTokenChange }: HostMenuProps) {
   const { pairedHosts, activeHostId, setActiveHostId, removePairedHost, renamePairedHost } = useHostStore();
   const navigate = useNavigate();
   const isDesktop = useMediaQuery("(min-width: 768px)");
@@ -21,6 +43,65 @@ export default function HostMenu({ daemonVersion }: HostMenuProps) {
   const [renamingId, setRenamingId] = useState<string | null>(null);
   const [renameValue, setRenameValue] = useState("");
   const [confirmingDeleteId, setConfirmingDeleteId] = useState<string | null>(null);
+  const [togglingLocation, setTogglingLocation] = useState(false);
+  const locationEnabled = !!(activeClientToken && locationClientToken === activeClientToken);
+  // Sync location toggle with permission state — on mount and when app resumes from background
+  useEffect(() => {
+    if (!isNative || !LocationPermission || !request) return;
+    function syncPermissionState() {
+      if (!locationEnabled) return;
+      LocationPermission!.check().then(({ fine }) => {
+        if (!fine) {
+          // Permission revoked — disable on host
+          request!("device.location.disable").then(() => {
+            onLocationClientTokenChange?.(null);
+          }).catch(() => {});
+        }
+      });
+    }
+    syncPermissionState();
+    const listener = CapApp.addListener("resume", () => {
+      syncPermissionState();
+    });
+    return () => { listener.then((h) => h.remove()); };
+  }, [locationEnabled, activeClientToken]);
+  async function handleLocationToggle() {
+    if (!request) return;
+    setTogglingLocation(true);
+    try {
+      if (locationEnabled) {
+        await request("device.location.disable");
+        onLocationClientTokenChange?.(null);
+      } else {
+        // Request location permissions before enabling
+        if (LocationPermission) {
+          const result = await LocationPermission.request();
+          if (!result.fine) {
+            return; // User denied permission
+          }
+        }
+        const { value: fcmToken } = await Preferences.get({ key: "fcmToken" });
+        if (!fcmToken) {
+          console.warn("No FCM token available");
+          return;
+        }
+        await request("device.location.enable", { fcmToken });
+        onLocationClientTokenChange?.(activeClientToken ?? null);
+      }
+    } catch (err) {
+      console.error("Failed to toggle location:", err);
+    } finally {
+      setTogglingLocation(false);
+    }
+  }
   const drawerRef = useRef<HTMLDivElement>(null);
   const renameInputRef = useRef<HTMLInputElement>(null);
@@ -197,6 +278,26 @@ export default function HostMenu({ daemonVersion }: HostMenuProps) {
         </div>
       </>)}
+      {isNative && (
+        <>
+          <div className="drawer-divider" />
+          <div className="drawer-section">
+            <label className="drawer-toggle">
+              <span className="drawer-toggle-label">Location Access</span>
+              <button
+                className={`toggle-switch ${locationEnabled ? "toggle-switch-on" : ""}`}
+                onClick={handleLocationToggle}
+                disabled={togglingLocation}
+                role="switch"
+                aria-checked={locationEnabled}
+              >
+                <span className="toggle-switch-thumb" />
+              </button>
+            </label>
+          </div>
+        </>
+      )}
       <div className="drawer-footer">
         {daemonVersion && (
           <div className="drawer-version">

package/palmier-server/pwa/src/components/TaskCard.tsx CHANGED Viewed

@@ -99,25 +99,53 @@ export default function TaskCard({ task, lastEvent, onEdit, onDelete, onViewRun
   };
-  function formatTrigger(t: { type: string; value: string }): string {
+  function formatTriggersGrouped(triggers: { type: string; value: string }[]): string {
+    if (triggers.length === 0) return "";
+    if (triggers.length === 1) return formatSingleTrigger(triggers[0]);
+    // Detect the shared schedule type
+    const classified = triggers.map(classifyTrigger);
+    const types = new Set(classified.map((c) => c.kind));
+    // If all the same type, group them
+    if (types.size === 1) {
+      const kind = classified[0].kind;
+      if (kind === "hourly") return "Every hour";
+      const details = classified.map((c) => c.detail);
+      return `${kind.charAt(0).toUpperCase() + kind.slice(1)}: ${details.join(", ")}`;
+    }
+    // Mixed types — fall back to listing each
+    return triggers.map(formatSingleTrigger).join(", ");
+  }
+  function classifyTrigger(t: { type: string; value: string }): { kind: string; detail: string } {
     if (t.type === "once") {
       const d = new Date(t.value);
-      return isNaN(d.getTime()) ? t.value : `Once on ${d.toLocaleDateString(undefined, { month: "short", day: "numeric", year: "numeric" })} at ${d.toLocaleTimeString(undefined, { hour: "numeric", minute: "2-digit" })}`;
+      const label = isNaN(d.getTime()) ? t.value : `${d.toLocaleDateString(undefined, { month: "short", day: "numeric", year: "numeric" })} at ${d.toLocaleTimeString(undefined, { hour: "numeric", minute: "2-digit" })}`;
+      return { kind: "once", detail: label };
     }
     const parts = t.value.split(" ");
-    if (parts.length !== 5) return t.value;
+    if (parts.length !== 5) return { kind: "unknown", detail: t.value };
     const [min, hour, dom, , dow] = parts;
     const DAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-    if (hour === "*") return "Every hour";
+    if (hour === "*") return { kind: "hourly", detail: "" };
     const d = new Date();
     d.setHours(Number(hour), Number(min), 0, 0);
     const time = d.toLocaleTimeString(undefined, { hour: "numeric", minute: "2-digit" });
-    if (dow !== "*") return `Weekly on ${DAYS[Number(dow)] ?? dow} at ${time}`;
-    if (dom !== "*") return `Monthly on day ${dom} at ${time}`;
-    return `Daily at ${time}`;
+    if (dow !== "*") return { kind: "weekly", detail: `${DAYS[Number(dow)] ?? dow} at ${time}` };
+    if (dom !== "*") return { kind: "monthly", detail: `day ${dom} at ${time}` };
+    return { kind: "daily", detail: time };
+  }
+  function formatSingleTrigger(t: { type: string; value: string }): string {
+    const c = classifyTrigger(t);
+    if (c.kind === "hourly") return "Every hour";
+    if (c.kind === "once") return `Once on ${c.detail}`;
+    return `${c.kind.charAt(0).toUpperCase() + c.kind.slice(1)}: ${c.detail}`;
   }
-  const triggersText = task.triggers.map(formatTrigger).join(", ");
+  const triggersText = formatTriggersGrouped(task.triggers);
   const actionItems = (
     <>

package/palmier-server/pwa/src/components/TaskForm.tsx CHANGED Viewed

@@ -104,6 +104,9 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
   const [triggerRows, setTriggerRows] = useState<TriggerRow[]>(
     () => (initial?.triggers ?? []).map(triggerToRow)
   );
+  const [schedule, setSchedule] = useState<Schedule>(
+    () => (initial?.triggers ?? []).map(triggerToRow)[0]?.schedule ?? "daily"
+  );
   const [triggersEnabled, setTriggersEnabled] = useState(
     initial?.triggers_enabled ?? false
   );
@@ -152,7 +155,12 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
   }
   function addRow() {
-    setTriggerRows((prev) => [...prev, newRow(prev.length > 0 ? prev[prev.length - 1].schedule : undefined)]);
+    setTriggerRows((prev) => [...prev, newRow(schedule)]);
+  }
+  function changeSchedule(s: Schedule) {
+    setSchedule(s);
+    setTriggerRows([newRow(s)]);
   }
   function collectTriggers(): Trigger[] {
@@ -370,26 +378,47 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
               }}
               disabled={saving}
             />
-            Add schedules
+            Enable schedule
           </label>
           <div className={`triggers-section-body${triggersEnabled ? "" : " disabled"}`}>
-            {triggerRows.map((row, i) => (
+            {triggerRows.length > 0 && (
+              <select
+                className="form-select"
+                value={schedule}
+                disabled={!triggersEnabled}
+                onChange={(e) => changeSchedule(e.target.value as Schedule)}
+              >
+                <option value="once">Specific Time</option>
+                <option value="hourly">Hourly</option>
+                <option value="daily">Daily</option>
+                <option value="weekly">Weekly</option>
+                <option value="monthly">Monthly</option>
+              </select>
+            )}
+            {schedule !== "hourly" && triggerRows.map((row, i) => (
               <div key={i} className="trigger-row-card">
                 <div className="trigger-row-content">
-                  <div className="trigger-row-top">
-                    <select
-                      className="form-select"
-                      value={row.schedule}
+                  {schedule === "daily" && (
+                    <input
+                      className="form-input"
+                      type="time"
+                      value={row.time}
                       disabled={!triggersEnabled}
-                      onChange={(e) => updateRow(i, { schedule: e.target.value as Schedule })}
-                    >
-                      <option value="once">Specific Time</option>
-                      <option value="hourly">Hourly</option>
-                      <option value="daily">Daily</option>
-                      <option value="weekly">Weekly</option>
-                      <option value="monthly">Monthly</option>
-                    </select>
-                    {row.schedule === "daily" && (
+                      onChange={(e) => updateRow(i, { time: e.target.value })}
+                    />
+                  )}
+                  {schedule === "weekly" && (
+                    <div className="trigger-row-top">
+                      <select
+                        className="form-select"
+                        value={row.dayOfWeek}
+                        disabled={!triggersEnabled}
+                        onChange={(e) => updateRow(i, { dayOfWeek: e.target.value })}
+                      >
+                        {DAYS_OF_WEEK.map((d, di) => (
+                          <option key={di} value={String(di)}>{d}</option>
+                        ))}
+                      </select>
                       <input
                         className="form-input"
                         type="time"
@@ -397,31 +426,10 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
                         disabled={!triggersEnabled}
                         onChange={(e) => updateRow(i, { time: e.target.value })}
                       />
-                    )}
-                    {row.schedule === "weekly" && (
-                      <>
-                        <select
-                          className="form-select"
-                          value={row.dayOfWeek}
-                          disabled={!triggersEnabled}
-                          onChange={(e) => updateRow(i, { dayOfWeek: e.target.value })}
-                        >
-                          {DAYS_OF_WEEK.map((d, di) => (
-                            <option key={di} value={String(di)}>{d}</option>
-                          ))}
-                        </select>
-                        <input
-                          className="form-input"
-                          type="time"
-                          value={row.time}
-                          disabled={!triggersEnabled}
-                          onChange={(e) => updateRow(i, { time: e.target.value })}
-                        />
-                      </>
-                    )}
-                  </div>
-                  {row.schedule === "monthly" && (
-                    <div className="trigger-details">
+                    </div>
+                  )}
+                  {schedule === "monthly" && (
+                    <div className="trigger-row-top">
                       <select
                         className="form-select"
                         value={row.dayOfMonth}
@@ -441,8 +449,8 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
                       />
                     </div>
                   )}
-                  {row.schedule === "once" && (
-                    <div className="trigger-details">
+                  {schedule === "once" && (
+                    <div className="trigger-row-top">
                       <input
                         className="form-input"
                         type="date"
@@ -464,19 +472,21 @@ export default function TaskForm({ initial, agents, hostPlatform, onSaved, onRun
                     </div>
                   )}
                 </div>
-                <button
-                  className="trigger-remove-btn"
-                  onClick={() => removeRow(i)}
-                  disabled={!triggersEnabled}
-                  title="Remove trigger"
-                >
-                  &times;
-                </button>
+                {triggerRows.length > 1 && (
+                  <button
+                    className="trigger-remove-btn"
+                    onClick={() => removeRow(i)}
+                    disabled={!triggersEnabled}
+                    title="Remove trigger"
+                  >
+                    &times;
+                  </button>
+                )}
               </div>
             ))}
-            {triggerRows.length > 0 && (
+            {triggerRows.length > 0 && schedule !== "hourly" && (
               <button className="trigger-add-btn" onClick={addRow} disabled={!triggersEnabled}>
-                + Add Schedule
+                + Add
               </button>
             )}
           </div>