create-lykomi-app 0.10.1 → 0.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-lykomi-app",
-  "version": "0.10.1",
+  "version": "0.11.1",
   "license": "MIT",
   "description": "Scaffold a new LYKOMI app — AG-UI protocol + Microsoft Agent Framework + Azure Foundry, ready to run.",
   "keywords": [

package/presets/neo4j/manifest.json

@@ -5,7 +5,7 @@
   "extends": "default",
   "filesDir": "files",
   "extraDependencies": {
-    "@lykomi/web-graph": "0.3.18"
+    "@lykomi/web-graph": "0.3.20"
   },
   "extraScripts": {
     "graph:up": "docker compose up -d",

package/template/README.md

@@ -51,16 +51,18 @@ then open chat and ask “Make this idea more specific”. The context indicator
 **Your idea**; the AG-UI request includes its field path, current value and selected
 text. The active window also supplies the named form fields and edit mode.
 
-`src/pages/use-draft-context.ts` uses the public `useAppStore.setContextItem` and
-`usePageTools` APIs. Its `page_update_draft_field` tool validates the field and
+`Field` and `ReadOnlyField` automatically supply the selected field context through
+`@lykomi/web-ui`. No per-field focus handlers or context hook are required.
+`src/pages/use-draft-tools.ts` uses `usePageTools` for the app-owned edits. Its `page_update_draft_field` tool validates the field and
 checks that its current value still matches the value the agent read. Updates
 appear in the same inputs you edit manually. **Save draft** accepts the changes
 in memory; **Cancel** restores the previous values. Closing the draft or switching
 to another window removes its field context and tools. Moving into chat keeps them.
 
-The leaf `Input`, `Textarea` and `Field` components do not automatically send values
-to a model. Your app explicitly chooses the fields to expose. Keep sensitive fields
-out of context, and connect your own authenticated persistence before saving remotely.
+Wrap native inputs in `Field` to get automatic field context. Use
+`agentContext={false}` on `Field` or `ReadOnlyField` for sensitive values;
+password inputs are always excluded. Your app owns validation and persistence.
+Connect an authenticated storage service before saving remotely.
 
 ## Coding With AI Agents
 

package/template/package.json

@@ -26,11 +26,11 @@
     "@assistant-ui/react": "^0.15.1",
     "@azure/msal-browser": "^5.6.3",
     "@azure/msal-react": "^5.2.1",
-    "@lykomi/agent": "0.50.0",
-    "@lykomi/web-primitives": "0.50.0",
-    "@lykomi/web-shell": "0.50.0",
-    "@lykomi/web-ui": "0.50.0",
-    "@lykomi/web-voice": "0.1.34",
+    "@lykomi/agent": "0.52.0",
+    "@lykomi/web-primitives": "0.52.0",
+    "@lykomi/web-shell": "0.52.0",
+    "@lykomi/web-ui": "0.52.0",
+    "@lykomi/web-voice": "0.1.36",
     "@radix-ui/react-tabs": "^1.1.22",
     "@tanstack/react-query": "^5.99.0",
     "lucide-react": "^0.553.0",

package/template/src/pages/draft-form.tsx

@@ -21,15 +21,9 @@ export function DraftForm({ tab }: { tab: GuideWindow }) {
       saved: undefined,
       editing: false,
       dirty: false,
-      field: undefined,
     });
     requestAnimationFrame(() => editButton.current?.focus());
   };
-  const track = (key: "name" | "text", input: HTMLInputElement | HTMLTextAreaElement) => {
-    const field = { key, start: input.selectionStart ?? 0, end: input.selectionEnd ?? 0 };
-    const current = guideWindows.get().tabs.find((entry) => entry.id === tab.id)?.field;
-    if (JSON.stringify(current) !== JSON.stringify(field)) guideWindows.update(tab.id, { field });
-  };
   return (
     <FormLayout
       className="mt-4"
@@ -89,15 +83,13 @@ export function DraftForm({ tab }: { tab: GuideWindow }) {
           >
             {tab.editing ? (
               <Control
+                name={key}
                 id={`starter-draft-${key}`}
                 value={tab[key] ?? ""}
                 className={valueClass}
                 maxLength={2000}
-                onFocus={(event) => track(key, event.currentTarget)}
-                onSelect={(event) => track(key, event.currentTarget)}
                 onChange={(event) => {
                   guideWindows.update(tab.id, { [key]: event.target.value, dirty: true });
-                  track(key, event.currentTarget);
                 }}
               />
             ) : (

package/template/src/pages/guide-page.tsx

@@ -9,11 +9,11 @@ import {
   DropdownMenuItem,
 } from "@lykomi/web-ui";
 import { DraftForm } from "./draft-form.tsx";
-import { useDraftContext } from "./use-draft-context.ts";
+import { useDraftTools } from "./use-draft-tools.ts";
 import { guideWindows, openGuideWindow } from "./guide-windows.ts";
 
 export function GuidePage() {
-  useDraftContext();
+  useDraftTools();
   return (
     <WindowWorkbench
       controller={guideWindows}

package/template/src/pages/guide-windows.ts

@@ -6,7 +6,6 @@ export interface GuideWindow extends WorkbenchWindow {
   name?: string;
   editing?: boolean;
   saved?: { name: string; text: string };
-  field?: { key: "name" | "text"; start: number; end: number };
 }
 
 // App-owned data; the UI framework owns selection, pinning, ordering and layouts.

package/template/src/pages/{use-draft-context.ts → use-draft-tools.ts}

@@ -1,52 +1,11 @@
-import { useEffect } from "react";
-import { useAppStore, usePageTools } from "@lykomi/web-ui";
+import { usePageTools } from "@lykomi/web-ui";
 import { useWindows } from "@lykomi/web-ui/windows";
 import { guideWindows } from "./guide-windows.ts";
 
-/** Only the active window contributes a field; moving into chat retains it. */
-export function useDraftContext() {
+/** App-owned draft updates. Field focus/value/selection context comes from the framework. */
+export function useDraftTools() {
   const { tabs, active } = useWindows(guideWindows);
   const tab = tabs.find((entry) => entry.id === active);
-  useEffect(() => {
-    const field = tab?.kind === "draft" && tab.editing ? tab.field : undefined;
-    const value = field ? (tab?.[field.key] ?? "") : "";
-    const label = field?.key === "name" ? "App name" : "Your idea";
-    useAppStore.getState().setContextItem(
-      "starter:active-field",
-      field
-        ? {
-            type: "ref",
-            label,
-            sourcePage: "/guide",
-            persistence: "ephemeral",
-            payload: {
-              kind: "ref",
-              refType: "form-field",
-              refId: `draft:${field.key}`,
-              target: {
-                kind: "field",
-                path: field.key,
-                label,
-                containerId: "draft",
-                containerLabel: "Working draft",
-                currentValue: value,
-              },
-              meta: {
-                fieldFocus: "active",
-                fieldLabel: label,
-                caret: {
-                  start: field.start,
-                  end: field.end,
-                  selectedText: value.slice(field.start, field.end),
-                },
-              },
-            },
-          }
-        : null,
-    );
-    return () => useAppStore.getState().setContextItem("starter:active-field", null);
-  }, [tab]);
-
   usePageTools(
     tab?.kind === "draft" && tab.editing
       ? [
@@ -85,7 +44,6 @@ export function useDraftContext() {
               guideWindows.update(current.id, {
                 [args.field]: args.value,
                 dirty: true,
-                field: { key: args.field, start: 0, end: 0 },
               });
               return JSON.stringify({
                 status: "updated",