iris-chatbot 0.2.5 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iris-chatbot",
-  "version": "0.2.5",
+  "version": "2.0.0",
   "private": false,
   "description": "One-command installer for the Iris project template.",
   "bin": {

package/template/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "iris",
-  "version": "0.1.0",
+  "version": "2.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "iris",
-      "version": "0.1.0",
+      "version": "2.0.0",
       "dependencies": {
         "@anthropic-ai/sdk": "^0.72.1",
         "clsx": "^2.1.1",

package/template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iris",
-  "version": "0.2.5",
+  "version": "2.0.0",
   "private": true,
   "description": "One-command installer for the Iris project template.",
   "engines": {

package/template/src/app/api/chat/route.ts

@@ -41,13 +41,14 @@ const LOCAL_TOOL_SYSTEM_INSTRUCTIONS = [
   "You can access the user's local computer through provided tools.",
   "When the user asks for file, app, notes, music, web, calendar, or system actions, call tools directly.",
   "Default to execution instead of clarification. Ask at most one question only when a truly required value is missing.",
+  "Calendar: You have direct access to the user's Apple Calendar via calendar_list_events and related tools. You CAN see their events—call the tools; do not say you cannot access or see their calendar. Never ask the user to paste their calendar, export it, or send a screenshot; you already have access. When they ask what's on the calendar, what's happening this/next weekend/month, or say 'check' or 'you can see', call calendar_list_events immediately with from/to for the range (e.g. next month → from: 'today', to: 'end of next month'; specific day → YYYY-MM-DD for both). Always pass calendar: 'all'. from/to support 'today', 'tomorrow', 'next week', 'end of next week', 'next month', 'end of next month'. Report the exact queried range from the tool result. For move/delete/reschedule: call calendar_list_events first to get uids. For rescheduling to a new time on the same calendar use calendar_update_event (preserves recurrence); for delete use calendar_delete_event; use calendar_move_event only when update is not sufficient (e.g. user says move and you need delete+recreate).",
   "For iMessage/text requests, use messages_send; if contact matching is ambiguous, ask one concise clarification with candidate names.",
   "For media requests, assume Apple Music unless the user specifies otherwise.",
   "For note creation, write structured markdown with clear headings, bolded key labels, and tables when they improve clarity.",
   "If the user requests multiple actions in one prompt, execute every requested action sequentially before your final response.",
   "Do not stop after completing just one action when additional requested actions remain.",
   "For multi-step requests, prefer a single workflow tool call when available.",
-  "When tools are enabled, never say you cannot access the user's device.",
+  "When tools are enabled, never claim you cannot access the user's device or calendar. You have calendar tools—use them; do not refuse or ask the user to paste/export/screenshot their calendar.",
   "After tool results arrive, provide a brief final answer and stop.",
   "Summarize tool activity in plain English and avoid raw JSON, stack traces, or script line numbers.",
   "Respect tool errors and provide clear next steps.",
@@ -67,7 +68,7 @@ const TOOL_INTENT_NOTES_PATTERN =
 const TOOL_INTENT_MUSIC_PATTERN =
   /\b(music|song|track|album|playlist|apple music)\b[\s\S]{0,80}\b(play|pause|resume|skip|next|previous|volume|set|stop)\b|\b(play|pause|resume|skip|next|previous|volume|set|stop)\b[\s\S]{0,80}\b(music|song|track|album|playlist|apple music)\b/i;
 const TOOL_INTENT_SCHEDULE_PATTERN =
-  /\b(calendar|event|reminder|schedule)\b[\s\S]{0,80}\b(create|add|list|show|set|remind|schedule)\b|\b(create|add|list|show|set|remind|schedule)\b[\s\S]{0,80}\b(calendar|event|reminder|schedule)\b/i;
+  /\b(calendar|event|reminder|schedule|events)\b[\s\S]{0,80}\b(create|add|list|show|set|remind|schedule|move|change|delete|reschedule|update|cancel|have|get|check)\b|\b(create|add|list|show|set|remind|schedule|move|change|delete|reschedule|update|cancel|have|get|check)\b[\s\S]{0,80}\b(calendar|event|reminder|schedule|events)\b|\b(move|reschedule|change|delete)\b[\s\S]{0,80}\b(event|meeting|appointment)\b|\b(what's happening|whats happening|what's on|whats on|next weekend|this weekend|you can see|just check)\b/i;
 const TOOL_INTENT_FILES_PATTERN =
   /\b(file|folder|directory|path|document)\b[\s\S]{0,80}\b(list|find|search|move|copy|rename|delete|trash|create|make|mkdir|open)\b|\b(list|find|search|move|copy|rename|delete|trash|create|make|mkdir|open)\b[\s\S]{0,80}\b(file|folder|directory|path|document)\b/i;
 const TOOL_INTENT_APPS_PATTERN =
@@ -659,7 +660,7 @@ function humanizeToolErrorMessage(toolName: string, message: string): string {
   const cleaned = stripTechnicalToolError(message);
   const normalized = cleaned.toLowerCase().replace(/[\u2019]/g, "'");
 
-  if (toolName === "calendar_create_event" && normalized.includes("can't get date")) {
+  if ((toolName === "calendar_create_event" || toolName === "calendar_list_events") && normalized.includes("can't get date")) {
     const requestedDateMatch = cleaned.match(/can't get date "([^"]+)"/i);
     if (requestedDateMatch?.[1]) {
       const parsed = new Date(requestedDateMatch[1]);

package/template/src/app/api/local-sync/route.ts

@@ -5,11 +5,11 @@ import path from "path";
 export const runtime = "nodejs";
 export const dynamic = "force-dynamic";
 
-const DATA_DIR = ".iris-data";
 const STATE_FILE = "state.json";
+const DATA_DIR = ".iris-data";
 
-function getStatePath(): string {
-  return path.join(process.cwd(), DATA_DIR, STATE_FILE);
+function getStatePath(dir: string): string {
+  return path.join(process.cwd(), dir, STATE_FILE);
 }
 
 function getDataDir(): string {
@@ -26,18 +26,29 @@ const EMPTY_PAYLOAD = {
 };
 
 export async function GET() {
-  const statePath = getStatePath();
-  try {
+  const payload = {
+    threads: EMPTY_PAYLOAD.threads,
+    messages: EMPTY_PAYLOAD.messages,
+    settings: EMPTY_PAYLOAD.settings,
+    toolEvents: EMPTY_PAYLOAD.toolEvents,
+    toolApprovals: EMPTY_PAYLOAD.toolApprovals,
+    memories: EMPTY_PAYLOAD.memories,
+  };
+  const tryRead = async (dir: string) => {
+    const statePath = getStatePath(dir);
     const raw = await fs.readFile(statePath, "utf-8");
-    const data = JSON.parse(raw);
-    const payload = {
+    return JSON.parse(raw) as Record<string, unknown>;
+  };
+  try {
+    const data = await tryRead(DATA_DIR);
+    Object.assign(payload, {
       threads: Array.isArray(data.threads) ? data.threads : EMPTY_PAYLOAD.threads,
       messages: Array.isArray(data.messages) ? data.messages : EMPTY_PAYLOAD.messages,
       settings: Array.isArray(data.settings) ? data.settings : EMPTY_PAYLOAD.settings,
       toolEvents: Array.isArray(data.toolEvents) ? data.toolEvents : EMPTY_PAYLOAD.toolEvents,
       toolApprovals: Array.isArray(data.toolApprovals) ? data.toolApprovals : EMPTY_PAYLOAD.toolApprovals,
       memories: Array.isArray(data.memories) ? data.memories : EMPTY_PAYLOAD.memories,
-    };
+    });
     return Response.json(payload);
   } catch (err) {
     const code = err && typeof err === "object" && "code" in err ? (err as NodeJS.ErrnoException).code : null;
@@ -49,7 +60,7 @@ export async function GET() {
 }
 
 export async function POST(request: NextRequest) {
-  const statePath = getStatePath();
+  const statePath = getStatePath(DATA_DIR);
   const dir = getDataDir();
   let body: unknown;
   try {

package/template/src/app/globals.css

@@ -120,8 +120,8 @@ a {
   margin: 0;
 }
 
-.message-row.user .message-content > :first-child,
-.message-row.user .message-content > :last-child {
+.message-row.user .message-content> :first-child,
+.message-row.user .message-content> :last-child {
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -323,12 +323,23 @@ a {
   margin: 1.05em 0 0.55em;
 }
 
-.message-content h1 { font-size: 1.5rem; }
-.message-content h2 { font-size: 1.3rem; }
-.message-content h3 { font-size: 1.14rem; }
-.message-content h4 { font-size: 1.03rem; }
+.message-content h1 {
+  font-size: 1.5rem;
+}
+
+.message-content h2 {
+  font-size: 1.3rem;
+}
+
+.message-content h3 {
+  font-size: 1.14rem;
+}
 
-.message-content > :first-child {
+.message-content h4 {
+  font-size: 1.03rem;
+}
+
+.message-content> :first-child {
   margin-top: 0;
 }
 
@@ -342,15 +353,20 @@ a {
   padding-left: 1.5rem;
 }
 
-.message-content ul { list-style: disc; }
-.message-content ol { list-style: decimal; }
+.message-content ul {
+  list-style: disc;
+}
+
+.message-content ol {
+  list-style: decimal;
+}
 
 .message-content li {
   margin: 0.28em 0;
 }
 
-.message-content li > ul,
-.message-content li > ol {
+.message-content li>ul,
+.message-content li>ol {
   margin: 0.35em 0 0.15em;
 }
 
@@ -378,7 +394,7 @@ a {
   border-bottom: 1px solid var(--border-strong);
 }
 
-.message-content tr > :last-child {
+.message-content tr> :last-child {
   border-right: 0;
 }
 
@@ -691,35 +707,17 @@ a {
   }
 
   .chat-shell:not(.collapsed) {
-    grid-template-columns: 56px minmax(0, 1fr);
+    grid-template-columns: var(--mobile-sidebar-width) minmax(0, 1fr);
   }
 
   .sidebar:not(.collapsed) {
-    position: fixed;
-    left: 0;
-    top: 0;
     width: var(--mobile-sidebar-width);
     min-width: var(--mobile-sidebar-width);
     max-width: var(--mobile-sidebar-width);
-    height: 100vh;
-    z-index: 60;
     border-right: 1px solid var(--sidebar-border);
-    box-shadow: 4px 0 14px rgba(0, 0, 0, 0.16);
     background: var(--sidebar);
   }
 
-  .chat-shell:not(.collapsed)::after {
-    content: "";
-    position: fixed;
-    top: 0;
-    left: var(--mobile-sidebar-width);
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.18);
-    pointer-events: none;
-    z-index: 50;
-  }
-
   .chat-scroll {
     padding-left: 12px;
     padding-right: 12px;
@@ -743,6 +741,7 @@ a {
     max-width: 92%;
   }
 }
+
 .model-menu {
   position: absolute;
   top: calc(100% + 10px);
@@ -799,10 +798,11 @@ a {
   color: var(--text-primary);
   transform: translateY(-1px);
 }
+
 .chat-scroll {
   padding-top: calc(var(--topbar-height) - 20px);
 }
 
 .chat-scroll.empty {
   padding-top: var(--topbar-height);
-}
+}

package/template/src/app/page.tsx

@@ -118,11 +118,11 @@ export default function Home() {
         ? "var(--font-manrope)"
         : settings.font === "poppins"
           ? "var(--font-poppins)"
-        : settings.font === "sora"
-          ? "var(--font-sora)"
-          : settings.font === "space"
-            ? "var(--font-space)"
-            : "var(--font-sans)";
+          : settings.font === "sora"
+            ? "var(--font-sora)"
+            : settings.font === "space"
+              ? "var(--font-space)"
+              : "var(--font-sans)";
     document.documentElement.style.setProperty("--app-font", fontVar);
     document.body.style.fontFamily = fontVar;
   }, [settings, connectionOverrideId, setConnectionOverrideId]);
@@ -370,7 +370,7 @@ export default function Home() {
         onOpenSearch={() => setSearchOpen(true)}
       />
 
-      <div className="flex h-full min-h-screen min-w-0 flex-col">
+      <div className="flex h-screen min-w-0 flex-col overflow-hidden">
         <TopBar
           connectionId={connection?.id ?? ""}
           connectionName={connection?.name ?? "No connection"}
@@ -380,8 +380,6 @@ export default function Home() {
           localToolsEnabled={Boolean(settings?.localTools?.enabled)}
           modelPresets={modelPresets}
           viewMode={viewMode}
-          onConnectionChange={handleConnectionChange}
-          onModelChange={handleModelChange}
           onToggleView={() => {
             const nextViewMode = viewMode === "chat" ? "map" : "chat";
             if (nextViewMode === "chat") {
@@ -389,11 +387,14 @@ export default function Home() {
             }
             setViewMode(nextViewMode);
           }}
+          showMapButton={Boolean(conversationMessages?.length)}
+          onConnectionChange={handleConnectionChange}
+          onModelChange={handleModelChange}
           onEnableLocalTools={handleEnableLocalTools}
           onOpenSettings={() => setSettingsOpen(true)}
         />
 
-        <div className="flex-1 min-w-0">
+        <div className="flex-1 min-w-0 h-full overflow-hidden">
           {viewMode === "map" ? (
             <MapView
               threads={threads || []}

package/template/src/components/ChatView.tsx

@@ -31,7 +31,8 @@ import MessageCard from "./MessageCard";
 import Composer from "./Composer";
 
 const SYSTEM_PROMPT =
-  "You are a helpful assistant. Always return valid Markdown. Use ATX headings (##, ###), bold labels, lists, and tables when useful.";
+  "You are a helpful assistant. Always return valid Markdown. Use ATX headings (##, ###), bold labels, lists, and tables when useful. " +
+  "If the user has a stored preference for default calendar or timezone (see on-device memory context), use it when calling calendar tools and when interpreting dates, unless the user says otherwise.";
 
 const EMPTY_PROMPTS = [
   "What are you working on?",
@@ -899,6 +900,15 @@ export default function ChatView({
       provider: connection.kind === "builtin" ? connection.provider ?? connection.id : connection.id,
       model,
     });
+    const lastAssistantMessage = userMessage.parentId
+      ? messageMap.get(userMessage.parentId)
+      : undefined;
+    const lastAssistantMessageContent =
+      lastAssistantMessage?.role === "assistant"
+        ? (typeof lastAssistantMessage.content === "string"
+            ? lastAssistantMessage.content
+            : "")
+        : undefined;
     const memoryEnabled = settings.memory?.enabled !== false;
     const memoryAutoCaptureEnabled =
       memoryEnabled && settings.memory?.autoCapture !== false;
@@ -915,6 +925,7 @@ export default function ChatView({
         text: trimmed,
         conversationId: resolvedThread.conversationId,
         settingsMemory: settings.memory,
+        lastAssistantMessageContent,
       }).catch(() => {
         // Memory capture is best-effort and must not block chat.
       });
@@ -1368,8 +1379,11 @@ export default function ChatView({
       return;
     }
     pendingSendScrollThreadIdRef.current = null;
+    // Double rAF so we scroll after React has committed and the browser has laid out the new message
     requestAnimationFrame(() => {
-      scrollToBottom("smooth");
+      requestAnimationFrame(() => {
+        scrollToBottom("smooth");
+      });
     });
   }, [thread?.id, threadMessages.length, activeStreamingMessageId, scrollToBottom]);
 

package/template/src/components/Composer.tsx

@@ -64,7 +64,7 @@ export default function Composer({
     [onChange, value],
   );
 
-  const resizeTextarea = useCallback(() => {
+  const resizeTextarea = useCallback((currentValue: string) => {
     const element = textareaRef.current;
     if (!element) {
       return;
@@ -78,6 +78,15 @@ export default function Composer({
     const minHeight = lineHeight * minRowsRef.current + paddingTop + paddingBottom;
     const maxHeight = lineHeight * maxRowsRef.current + paddingTop + paddingBottom;
 
+    // When empty, always use single-line height. Otherwise we can get a bogus scrollHeight
+    // if the textarea hasn't received its final width yet (e.g. on mount or when switching chats),
+    // which makes the field appear super extended until the user types.
+    if (currentValue.trim().length === 0) {
+      element.style.height = `${minHeight}px`;
+      element.style.overflowY = "hidden";
+      return;
+    }
+
     // Use scrollHeight so wrapped lines (no explicit newline) are included; min 1 line, max 8
     element.style.height = "0px";
     const scrollHeight = element.scrollHeight;
@@ -87,18 +96,18 @@ export default function Composer({
   }, []);
 
   useLayoutEffect(() => {
-    resizeTextarea();
+    resizeTextarea(value);
   }, [value, resizeTextarea]);
 
   useEffect(() => {
     const handleResize = () => {
-      resizeTextarea();
+      resizeTextarea(value);
     };
     window.addEventListener("resize", handleResize);
     return () => {
       window.removeEventListener("resize", handleResize);
     };
-  }, [resizeTextarea]);
+  }, [resizeTextarea, value]);
 
   return (
     <div className="composer flex items-end gap-3">

package/template/src/components/MessageCard.tsx

@@ -249,15 +249,16 @@ function summarizeToolError(toolName: string, rawError: string): {
   const cleaned = cleanTechnicalError(rawError);
   const normalized = cleaned.toLowerCase().replace(/[\u2019]/g, "'");
 
-  if (toolName === "calendar_create_event" && normalized.includes("can't get date")) {
+  if ((toolName === "calendar_create_event" || toolName === "calendar_list_events") && normalized.includes("can't get date")) {
     const requestedDateMatch = cleaned.match(/can't get date "([^"]+)"/i);
     const requestedDate = requestedDateMatch?.[1] ? formatDateTime(requestedDateMatch[1]) : null;
+    const isList = toolName === "calendar_list_events";
     return {
-      title: "Could not add the calendar event",
+      title: isList ? "Could not list calendar events" : "Could not add the calendar event",
       detail:
         requestedDate
-          ? `Calendar could not read the date/time (${requestedDate}). Try a format like "Feb 12 at 9:00 AM".`
-          : 'Calendar could not read the date/time. Try a format like "Feb 12 at 9:00 AM".',
+          ? `Calendar could not read the date/time (${requestedDate}). Try a format like "Feb 12 at 9:00 AM" or "next Monday".`
+          : 'Calendar could not read the date/time. Try a format like "Feb 12 at 9:00 AM" or "next Monday".',
     };
   }
 
@@ -451,15 +452,22 @@ function summarizeToolResult(toolName: string, payload: Record<string, unknown>
 
   if (toolName === "calendar_list_events") {
     const count = getNumber(payload, "count");
-    const from = formatDateTime(getString(payload, "from"));
-    const to = formatDateTime(getString(payload, "to"));
+    const queriedRange = getString(payload, "queriedRange");
+    const fromResolved = getString(payload, "fromResolved");
+    const toResolved = getString(payload, "toResolved");
     if (count !== null) {
+      const detail = queriedRange
+        ? queriedRange
+        : joinDetailParts([
+            fromResolved ? `From: ${formatDateTime(fromResolved) ?? fromResolved}` : null,
+            toResolved ? `To: ${formatDateTime(toResolved) ?? toResolved}` : null,
+          ]);
       return {
         title:
           count === 0
             ? "No events found"
             : `Found ${formatCount(count)} calendar ${count === 1 ? "event" : "events"}`,
-        detail: joinDetailParts([from ? `From: ${from}` : null, to ? `To: ${to}` : null]),
+        detail,
       };
     }
   }

package/template/src/components/SettingsModal.tsx

@@ -559,14 +559,6 @@ export default function SettingsModal({
         <div className="mt-5 max-h-[68vh] overflow-y-auto pr-1 text-sm">
           {activeTab === "models" ? (
             <div className="space-y-4">
-              <label className="flex items-center gap-2 rounded-xl border border-[var(--border)] bg-[var(--panel-2)] p-3 text-sm text-[var(--text-secondary)]">
-                <input
-                  type="checkbox"
-                  checked={showExtendedOpenAIModels}
-                  onChange={(event) => setShowExtendedOpenAIModels(event.target.checked)}
-                />
-                Show extended OpenAI model list (non-frontier models)
-              </label>
               <div>
                 <label className="mb-2 block text-xs uppercase tracking-[0.2em] text-[var(--text-muted)]">
                   Default Connection
@@ -624,6 +616,17 @@ export default function SettingsModal({
                       </div>
                     ) : null}
                   </div>
+                  {selectedDefaultConnection?.kind === "builtin" &&
+                  selectedDefaultConnection?.provider === "openai" ? (
+                    <label className="mt-3 flex items-center gap-2 text-sm text-[var(--text-secondary)]">
+                      <input
+                        type="checkbox"
+                        checked={showExtendedOpenAIModels}
+                        onChange={(event) => setShowExtendedOpenAIModels(event.target.checked)}
+                      />
+                      Show extended OpenAI model list (non-frontier models)
+                    </label>
+                  ) : null}
                 </div>
               ) : null}
             </div>

package/template/src/components/Sidebar.tsx

@@ -116,10 +116,6 @@ export default function Sidebar({
               ))}
             </div>
           </div>
-
-          <div className="border-t border-[var(--border)] px-4 py-4 text-xs text-[var(--text-muted)]">
-            <span className="sidebar-text">Local mode</span>
-          </div>
         </>
       ) : (
         <div className="flex-1 px-2 pb-4 pt-4">

package/template/src/components/TopBar.tsx

@@ -16,6 +16,7 @@ export default function TopBar({
   onModelChange,
   viewMode,
   onToggleView,
+  showMapButton,
   onEnableLocalTools,
   onOpenSettings,
   modelPresets,
@@ -30,6 +31,7 @@ export default function TopBar({
   onModelChange: (model: string) => void;
   viewMode: "chat" | "map";
   onToggleView: () => void;
+  showMapButton: boolean;
   onEnableLocalTools: () => void | Promise<void>;
   onOpenSettings: () => void;
   modelPresets: string[];
@@ -136,22 +138,24 @@ export default function TopBar({
             Enable Local Tools
           </button>
         ) : null}
-        <button
-          className="flex items-center gap-1.5 rounded-full border border-[var(--border)] bg-[var(--bg)] px-3 py-2 text-xs text-[var(--text-secondary)] hover:border-[var(--border-strong)] sm:gap-2 sm:px-4 sm:text-sm"
-          onClick={onToggleView}
-        >
-          {viewMode === "chat" ? (
-            <>
-              <Waypoints className="h-5 w-5" />
-              <span className="hidden sm:inline">Map</span>
-            </>
-          ) : (
-            <>
-              <MessageSquare className="h-5 w-5" />
-              <span className="hidden sm:inline">Chat</span>
-            </>
-          )}
-        </button>
+        {showMapButton ? (
+          <button
+            className="flex items-center gap-1.5 rounded-full border border-[var(--border)] bg-[var(--bg)] px-3 py-2 text-xs text-[var(--text-secondary)] hover:border-[var(--border-strong)] sm:gap-2 sm:px-4 sm:text-sm"
+            onClick={onToggleView}
+          >
+            {viewMode === "chat" ? (
+              <>
+                <Waypoints className="h-5 w-5" />
+                <span className="hidden sm:inline">Map</span>
+              </>
+            ) : (
+              <>
+                <MessageSquare className="h-5 w-5" />
+                <span className="hidden sm:inline">Chat</span>
+              </>
+            )}
+          </button>
+        ) : null}
         <button
           className="rounded-full border border-[var(--border)] bg-[var(--bg)] p-2.5 text-[var(--text-secondary)] hover:border-[var(--border-strong)]"
           onClick={onOpenSettings}