mulmoclaude 0.3.0 → 0.4.0

package/src/router/index.ts

@@ -1,12 +1,9 @@
 // Vue-router setup (history mode — clean URLs without #).
 //
-// The route is /chat/:sessionId? which captures the session the user
-// was looking at. Everything else (view mode, file path, result uuid,
-// role) lives in query parameters and will be wired in later phases.
-//
-// The "/" → "/chat" redirect ensures a fresh browser tab always lands
-// on the chat view with the default (new) session, matching the
-// current pre-router behaviour.
+// Each page has its own route: /chat, /files, /todos, /scheduler,
+// /wiki, /skills, /roles. Layout preference (single vs. stack) is a
+// separate concern persisted in localStorage — it is not part of the
+// URL.
 //
 // History mode requires the server to serve index.html for any path
 // that doesn't match an API route or static file. In production the
@@ -18,28 +15,46 @@ import { createRouter, createWebHistory, type RouteRecordRaw } from "vue-router"
 
 // Stub component that renders nothing. Required by vue-router (every
 // route needs a component) but never actually mounted because App.vue
-// doesn't contain <router-view> in Phase 0.
+// renders based on `route.name` rather than using <router-view>.
 const Stub = defineComponent({ render: () => h("div") });
 
+export const PAGE_ROUTES = {
+  chat: "chat",
+  files: "files",
+  todos: "todos",
+  scheduler: "scheduler",
+  wiki: "wiki",
+  skills: "skills",
+  roles: "roles",
+  history: "history",
+} as const;
+
+export type PageRouteName = (typeof PAGE_ROUTES)[keyof typeof PAGE_ROUTES];
+
 const routes: RouteRecordRaw[] = [
-  {
-    path: "/",
-    redirect: "/chat",
-  },
-  {
-    // sessionId is optional — /chat with no param means "new session"
-    // (the App.vue logic that auto-creates a session continues to
-    // handle this).
-    path: "/chat/:sessionId?",
-    name: "chat",
-    component: Stub,
-  },
-  {
-    // Catch-all: unknown paths redirect to /chat so a stale bookmark
-    // or a typo doesn't show a blank page.
-    path: "/:pathMatch(.*)*",
-    redirect: "/chat",
-  },
+  { path: "/", redirect: "/chat" },
+  { path: "/chat/:sessionId?", name: PAGE_ROUTES.chat, component: Stub },
+  // Files view uses a repeatable catch-all so `/files/a/b/c.md` maps
+  // to `params.pathMatch = ["a", "b", "c.md"]`. Joining on `/` at read
+  // time keeps each segment URL-encoded independently — passing a
+  // string-form catch-all (`:pathMatch(.*)`) would collapse slashes
+  // to `%2F` at push time and mangle deep paths. An empty segment
+  // (`/files`) yields an empty array, which we treat as "no file
+  // selected". See plans/feat-files-path-url.md.
+  { path: "/files/:pathMatch(.*)*", name: PAGE_ROUTES.files, component: Stub },
+  { path: "/todos", name: PAGE_ROUTES.todos, component: Stub },
+  { path: "/scheduler", name: PAGE_ROUTES.scheduler, component: Stub },
+  // Wiki sub-views live on the path rather than in query params so
+  // URLs mirror the filesystem layout (`data/wiki/pages/<slug>.md`)
+  // and stay sibling-safe (no query-key bleed from other routes).
+  // `section` is a closed enum; unknown sections fall through to the
+  // catch-all redirect below. `slug` only applies when `section ===
+  // "pages"`. See plans/feat-wiki-path-urls.md.
+  { path: "/wiki/:section(pages|log|lint-report)?/:slug?", name: PAGE_ROUTES.wiki, component: Stub },
+  { path: "/skills", name: PAGE_ROUTES.skills, component: Stub },
+  { path: "/roles", name: PAGE_ROUTES.roles, component: Stub },
+  { path: "/history", name: PAGE_ROUTES.history, component: Stub },
+  { path: "/:pathMatch(.*)*", redirect: "/chat" },
 ];
 
 const router = createRouter({

package/src/types/vue-i18n.d.ts

@@ -0,0 +1,20 @@
+// Module augmentation for vue-i18n. Surfaces the English dictionary
+// shape as `DefineLocaleMessage` so IDEs autocomplete key paths on
+// `$t("…")` and `i18n.global.t("…")`. The schema generic on
+// createI18n (src/lib/vue-i18n.ts) handles the `useI18n()` side.
+//
+// Caveat: vue-i18n v11's `t()` overload has a `Key extends string`
+// fallback, so a typo in `useI18n().t("…")` at a deeply-typed call
+// site may still compile. Autocomplete is the main value; strict
+// rejection of unknown keys would require a bespoke wrapper.
+
+import enMessages from "../lang/en";
+
+// Alias so `extends` has an interface-shaped base (typeof in extends
+// position is a syntax error).
+type EnMessages = typeof enMessages;
+
+declare module "vue-i18n" {
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  export interface DefineLocaleMessage extends EnMessages {}
+}

package/src/utils/agent/request.ts

@@ -16,6 +16,24 @@ export interface AgentRequestBody {
   roleId: string;
   chatSessionId: string;
   selectedImageData: string | undefined;
+  // IANA identifier (e.g. "Asia/Tokyo", "America/New_York"). The
+  // server uses this to interpret bare time expressions in the user's
+  // message without asking for clarification every turn. Undefined if
+  // the browser can't resolve a timezone — the server then falls back
+  // to its own local time and asks as before.
+  userTimezone: string | undefined;
+}
+
+// `Intl.DateTimeFormat().resolvedOptions().timeZone` can, in theory,
+// throw in some locked-down environments; wrap so a broken Intl
+// doesn't take down the send path.
+function resolveBrowserTimezone(): string | undefined {
+  try {
+    const zoneId = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    return typeof zoneId === "string" && zoneId.length > 0 ? zoneId : undefined;
+  } catch {
+    return undefined;
+  }
 }
 
 export function buildAgentRequestBody(params: AgentRequestBodyParams): AgentRequestBody {
@@ -24,6 +42,7 @@ export function buildAgentRequestBody(params: AgentRequestBodyParams): AgentRequ
     roleId: params.role.id,
     chatSessionId: params.chatSessionId,
     selectedImageData: params.selectedImageData,
+    userTimezone: resolveBrowserTimezone(),
   };
 }
 

package/src/utils/canvas/layoutMode.ts

@@ -0,0 +1,26 @@
+// Pure helpers for the canvas layout mode.
+//
+// Layout is a user preference — single (sidebar + canvas) vs. stack
+// (no sidebar, full-width canvas). It applies only to the /chat page
+// and persists in localStorage.
+//
+// Pages like /files, /todos, /wiki, /skills, /roles, /scheduler are
+// distinct routes, not layout variants. They live in the router, not
+// here.
+
+export const LAYOUT_MODES = {
+  single: "single",
+  stack: "stack",
+} as const;
+
+export type LayoutMode = (typeof LAYOUT_MODES)[keyof typeof LAYOUT_MODES];
+
+export const LAYOUT_MODE_STORAGE_KEY = "canvas_layout_mode";
+
+// Legacy key from before layout/page were split. Deleted on first
+// read of useLayoutMode — not migrated (fresh start).
+export const LEGACY_VIEW_MODE_STORAGE_KEY = "canvas_view_mode";
+
+export function parseStoredLayoutMode(stored: string | null): LayoutMode {
+  return stored === LAYOUT_MODES.stack ? LAYOUT_MODES.stack : LAYOUT_MODES.single;
+}

package/src/utils/image/cacheBust.ts

@@ -0,0 +1,16 @@
+import { reactive } from "vue";
+
+// Keyed by workspace-relative image path (e.g. "artifacts/images/abc.png").
+// `resolveImageSrc` reads this to append `?v=<bump>` to the URL so consumers
+// (View, Preview) re-fetch when the file on disk has been overwritten in
+// place. The canvas plugin is the current producer — it bumps after each
+// autosave PUT.
+const imageBumps = reactive<Record<string, number>>({});
+
+export function getImageBump(imagePath: string): number {
+  return imageBumps[imagePath] ?? 0;
+}
+
+export function bumpImage(imagePath: string): void {
+  imageBumps[imagePath] = Date.now();
+}

package/src/utils/image/resolve.ts

@@ -1,4 +1,5 @@
 import { API_ROUTES } from "../../config/apiRoutes";
+import { getImageBump } from "./cacheBust";
 
 /** Convert an imageData value to a displayable URL.
  *  Handles both legacy data URIs and workspace-relative file paths. */
@@ -6,3 +7,18 @@ export function resolveImageSrc(imageData: string): string {
   if (imageData.startsWith("data:")) return imageData;
   return `${API_ROUTES.files.raw}?path=${encodeURIComponent(imageData)}`;
 }
+
+/** Same as `resolveImageSrc` but appends the current cache-bust token
+ *  so the browser re-fetches when the file has been overwritten in
+ *  place (e.g. the canvas plugin rewrote it).
+ *
+ *  Use this from display-only consumers (Preview, thumbnail list).
+ *  Avoid inside the canvas View's own `backgroundImage` — changing
+ *  that URL mid-session makes `vue-drawing-canvas` re-fetch on every
+ *  redraw, which races with stroke painting and blanks the canvas. */
+export function resolveImageSrcFresh(imageData: string): string {
+  if (imageData.startsWith("data:")) return imageData;
+  const base = `${API_ROUTES.files.raw}?path=${encodeURIComponent(imageData)}`;
+  const bump = getImageBump(imageData);
+  return bump > 0 ? `${base}&v=${bump}` : base;
+}

package/src/utils/path/workspaceLinkRouter.ts

@@ -0,0 +1,81 @@
+// Classify a workspace-relative link from agent Markdown into a
+// navigation target. Used by TextResponse's click handler to route
+// internal links to the appropriate view (Wiki, Files, Session)
+// instead of letting them fall through to the SPA router.
+//
+// Pure function — no DOM or Vue dependencies, fully unit-testable.
+
+import { isExternalHref, extractSessionIdFromPath } from "./relativeLink";
+
+export type WorkspaceLinkTarget = { kind: "wiki"; slug: string } | { kind: "file"; path: string } | { kind: "session"; sessionId: string };
+
+// Match `data/wiki/pages/<slug>.md` or `wiki/pages/<slug>.md`.
+const WIKI_PAGE_PATTERN = /(?:data\/)?wiki\/pages\/([^/]+)\.md$/;
+
+// Match `conversations/chat/<id>.jsonl` (delegates to extractSessionIdFromPath).
+const CHAT_LOG_PREFIX = "conversations/";
+
+/**
+ * Given a raw href attribute from agent Markdown, return a typed
+ * navigation target, or null if the link is external, anchor-only,
+ * or unresolvable.
+ *
+ * Agent links are typically workspace-root-relative (e.g.
+ * `data/wiki/pages/foo.md`). Relative paths with `../` that escape
+ * the workspace root return null.
+ */
+export function classifyWorkspacePath(href: string): WorkspaceLinkTarget | null {
+  if (!href || isExternalHref(href)) return null;
+  if (href.startsWith("#")) return null;
+
+  // Strip fragment and query
+  const cleaned = stripFragmentAndQuery(href);
+  if (cleaned.length === 0) return null;
+
+  // Normalize path (collapse ./ and ../, reject root-escape)
+  const normalized = normalizePath(cleaned);
+  if (!normalized) return null;
+
+  // Wiki page: data/wiki/pages/<slug>.md
+  const wikiMatch = normalized.match(WIKI_PAGE_PATTERN);
+  if (wikiMatch) {
+    return { kind: "wiki", slug: wikiMatch[1] };
+  }
+
+  // Chat session log: conversations/chat/<id>.jsonl
+  if (normalized.startsWith(CHAT_LOG_PREFIX)) {
+    const chatPath = normalized.slice(CHAT_LOG_PREFIX.length);
+    const sessionId = extractSessionIdFromPath(chatPath);
+    if (sessionId) {
+      return { kind: "session", sessionId };
+    }
+  }
+
+  // Everything else: open in Files view
+  return { kind: "file", path: normalized };
+}
+
+function stripFragmentAndQuery(str: string): string {
+  const hashIdx = str.indexOf("#");
+  const queryIdx = str.indexOf("?");
+  let end = str.length;
+  if (hashIdx !== -1 && hashIdx < end) end = hashIdx;
+  if (queryIdx !== -1 && queryIdx < end) end = queryIdx;
+  return str.slice(0, end);
+}
+
+function normalizePath(raw: string): string | null {
+  if (raw.length === 0) return null;
+  const parts = raw.split("/");
+  const stack: string[] = [];
+  for (const part of parts) {
+    if (part === "" || part === ".") continue;
+    if (part === "..") {
+      if (stack.length === 0) return null;
+      stack.pop();
+      continue;
+    }
+    stack.push(part);
+  }
+  return stack.length === 0 ? null : stack.join("/");
+}

package/src/vite-env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_LOCALE?: "en" | "ja";
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/client/assets/chunk-vKJrgz-R-C_I3GbVV.js

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(e&&(t=e(e=0)),t),s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),c=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},l=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},u=(n,r,a)=>(a=n==null?{}:e(i(n)),l(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),d=e=>a.call(e,`module.exports`)?e[`module.exports`]:l(t({},`__esModule`,{value:!0}),e),f=Object.create,p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty,v=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),y=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!_.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e},b=(e,t,n)=>(n=e==null?{}:f(g(e)),y(t||!e||!e.__esModule?p(n,`default`,{value:e,enumerable:!0}):n,e));export{c as a,o as i,v as n,d as o,s as r,u as s,b as t};