hammoc 1.8.4 → 1.9.0

package/README.md

@@ -125,7 +125,8 @@ Real-time conversations with Claude through a rich web UI.
 
 - **Streaming responses** — Messages appear progressively as Claude generates them
 - **Markdown rendering** — Full markdown support with syntax-highlighted code blocks, copy buttons, and inline HTML rendering
-- **Image attachments** — Attach up to 5 images (PNG, JPEG, GIF, WebP) per message with thumbnail display
+- **Mermaid diagram viewer** — Render `mermaid` code blocks in a fullscreen viewer with zoom controls
+- **Image & PDF attachments** — Attach up to 5 files per message (PNG, JPEG, GIF, WebP images and PDF documents)
 - **Tool call visualization** — See what tools Claude uses, with inputs, outputs, and execution time
 - **Diff viewer** — Side-by-side file diff display for code changes
 - **Extended thinking** — View Claude's reasoning process in collapsible blocks
@@ -145,6 +146,7 @@ Real-time conversations with Claude through a rich web UI.
 
 - **Session list** — Browse past conversations with preview, message count, and date
 - **Session search** — Search by name or conversation content (server-side)
+- **Session export** — Download any conversation (all branches, tool calls, thinking) as a Markdown file
 - **Session renaming & deletion** — Keep conversations organized
 - **Quick session panel** — Access sessions without leaving the chat
 - **Active streaming indicator** — See which sessions are currently active
@@ -162,8 +164,8 @@ Real-time conversations with Claude through a rich web UI.
 
 ### Model & Permission Control
 
-- **Model selector** — Choose between Claude Sonnet, Opus, Haiku, and Fable variants with the model name on the button, plus a **1M context** toggle (auto-on for Opus, opt-in for Sonnet and Fable)
-- **Thinking effort** — Adjust reasoning intensity (Low / Medium / High, plus Max on 4.6 models and XHigh on Opus 4.7+ / Fable 5)
+- **Model selector** — Choose between Claude Sonnet, Opus, Haiku, and Fable variants with the model name on the button, plus a **1M context** toggle (auto-on for Opus 4.8 / Sonnet 5, opt-in for Sonnet 4.6); credit-billed Mythos-class models are gated behind an explicit opt-in with a Credit badge
+- **Thinking effort** — Adjust reasoning intensity (Low / Medium / High, plus Max / XHigh on newer models such as Opus 4.7+, Sonnet 5, and Fable 5)
 - **Permission modes** — Plan, Ask (default), Auto, or Bypass
 - **Conversation engine** — Run chats through the Claude Agent SDK (API credits, Recommended) or the Claude Code CLI (subscription billing, Beta), switchable globally or per-project with side-by-side comparison
 - **Per-project overrides** — Different settings per project
@@ -184,7 +186,7 @@ Edit the `.claude/` configuration tree from inside Hammoc — no need to hand-ed
 - **CLAUDE.md editor** — Two-column edit of project and global instruction documents with live Markdown preview
 - **Snippets & Favorites** — Manage Hammoc `%snippets` (project / global / bundled) alongside Claude Code slash-command favorites in a single panel
 - **Share badges + mode banner** — See at a glance which files are git-tracked vs local, so you know which edits will reach teammates
-- **Static lint (7 rules)** — Surfaces duplicate names, invalid hook regex, missing env vars, malformed MCP URLs, non-standard agent tools, etc.; per-rule on/off preferences
+- **Static lint (7 rules)** — Surfaces duplicate names, invalid hook regex, missing env vars, malformed MCP URLs, non-standard agent tools, etc.; per-rule on/off preferences and a one-click **Fix** that hands the broken file to Claude in a new session
 - **Secret-on-shared guard** — Blocks plaintext API keys / tokens from sneaking into committed config files, with one-click "move to local sibling" remediation
 - **Bundle Export / Import** — Pack the entire workbench (5 domains + `CLAUDE.md` + snippets) into a single `.zip` with a chosen secrets policy (exclude / env-ref placeholders / explicit with multi-layer guards), import on another machine with a per-item conflict preview — round-trip identical, ideal for Mode B projects where `.claude/` is git-ignored
 - **Fullscreen editor overlay** — Maximize any body field (skill, command, agent, CLAUDE.md, snippet) into a fullscreen CodeMirror
@@ -198,8 +200,9 @@ Edit the `.claude/` configuration tree from inside Hammoc — no need to hand-ed
 - **Grid & List views** — Finder-style grid or traditional list layout
 - **Tree navigation** — Directory hierarchy with breadcrumbs
 - **Text editor** — Syntax highlighting with save (Ctrl+S) and binary file download
-- **Markdown preview** — Toggle between edit and preview modes
+- **Markdown & HTML preview** — Toggle between edit and preview modes (`.md` rendered inline, `.html` in a sandboxed frame)
 - **Image viewer** — Full-screen viewer with zoom, fit-to-screen/width/height and 1:1 toggles, touch gestures (pinch, swipe, pan), and multi-image navigation across attachments or folder siblings
+- **PDF viewer** — In-app fullscreen PDF rendering with page navigation, zoom, and download
 - **External change detection** — Editor alerts you when an open file is modified or deleted on disk, with reload / overwrite options for stale-write conflicts
 - **File operations** — Create, rename, and delete files and folders
 
@@ -247,7 +250,7 @@ Automate repetitive prompt sequences.
 - **Chat timeout** — 1m, 3m, 5m (default), 10m, 30m
 - **Web Push & Telegram notifications** — Get notified on permission requests, completions, and errors
 - **Display name** — Set a preferred name for the agent to use when addressing you
-- **Claude account & usage** — In-app Claude sign-in, multi-account management (add/switch/remove), and live 5h / 7d usage quota monitoring
+- **Claude account & usage** — In-app Claude sign-in, multi-account management (add/switch/remove), and live usage monitoring: 5h / 7d windows, per-model weekly caps, and extra-usage credit balance
 - **System prompt editing** — Customize Claude's behavior per project
 - **Advanced** — Server restart, software updates, SDK parameters (thinking tokens, turns, budget — now applied to both chat and queue runs)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hammoc",
-  "version": "1.8.4",
+  "version": "1.9.0",
   "description": "Web-based IDE for managing Claude Code sessions, projects, and workflows",
   "type": "module",
   "license": "AGPL-3.0-only",

package/packages/client/dist/assets/MermaidViewer-B-LwclIl.js

@@ -0,0 +1,7 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/mermaid.core-jAhLhPYr.js","assets/index-CtMiUbMJ.js","assets/index-oBa2uNlv.css"])))=>i.map(i=>d[i]);
+import{c as B,u as x,a as X,b as $,r as a,d as q,e as g,_ as K,f as G,j as e,W as J,Z as Q,g as U,X as Y,L as ee,T as te}from"./index-CtMiUbMJ.js";/**
+ * @license lucide-react v0.563.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ae=[["path",{d:"M8 3H5a2 2 0 0 0-2 2v3",key:"1dcmit"}],["path",{d:"M21 8V5a2 2 0 0 0-2-2h-3",key:"1e4gt3"}],["path",{d:"M3 16v3a2 2 0 0 0 2 2h3",key:"wsl5sc"}],["path",{d:"M16 21h3a2 2 0 0 0 2-2v-3",key:"18trek"}]],se=B("maximize",ae),E=.25,M=.25,S=4;let re=0;function oe(){const s=x(t=>t.openMermaid),f=x(t=>t.closeViewer),{t:r}=X("common"),{resolvedTheme:C}=$(),h=C==="dark",[y,w]=a.useState(null),[d,m]=a.useState("loading"),[v,V]=a.useState(""),[l,c]=a.useState(1),b=a.useRef(null),z=q(),p=g(t=>t.activePanel),k=g(t=>t.panelWidth),I=g(t=>t.panelSide),L=480,[O,T]=a.useState(()=>typeof window<"u"?window.innerWidth:1024);a.useEffect(()=>{const t=()=>T(window.innerWidth);return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const j=!(z||p!==null&&O-k<L)&&p?k:0,u=(s==null?void 0:s.code)??null;a.useEffect(()=>{s&&(b.current=s)},[s]),a.useEffect(()=>{if(!u)return;let t=!1;m("loading"),w(null),c(1);const o=`mermaid-viewer-${re++}`;return(async()=>{var _;try{const n=(await K(async()=>{const{default:D}=await import("./mermaid.core-jAhLhPYr.js").then(F=>F.bp);return{default:D}},__vite__mapDeps([0,1,2]))).default;n.initialize({startOnLoad:!1,theme:h?"dark":"default",securityLevel:"strict",fontFamily:"ui-sans-serif, system-ui, sans-serif"});const{svg:H}=await n.render(o,u);t||(w(H),m("ready"))}catch(n){t||(V(n instanceof Error?n.message:String(n)),m("error"))}finally{(_=document.getElementById("d"+o))==null||_.remove()}})(),()=>{t=!0}},[u,h]);const i=a.useCallback(()=>f(),[f]),W=a.useCallback(()=>{const t=b.current;t&&x.getState().openMermaidViewer(t.code)},[]);G(!!s,i,W);const P=a.useCallback(()=>c(t=>Math.min(S,t+E)),[]),R=a.useCallback(()=>c(t=>Math.max(M,t-E)),[]),Z=a.useCallback(()=>c(1),[]);if(a.useEffect(()=>{if(!s)return;const t=o=>{o.key==="Escape"&&(o.stopImmediatePropagation(),i())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[s,i]),a.useEffect(()=>{if(s)return document.body.style.overflow="hidden",()=>{document.body.style.overflow=""}},[s]),!s)return null;const A=Math.round(l*100),N=I==="right"?{right:j}:{left:j};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fixed inset-0 bg-black/50 z-[55] transition-[left,right] duration-300 ease-in-out",style:N,onClick:i}),e.jsxs("div",{className:"fixed inset-0 z-[60] flex flex-col bg-white dark:bg-[#1c2129] transition-[left,right] duration-300 ease-in-out",style:N,children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2 border-b border-gray-300 dark:border-[#3a4d5e] bg-gray-50 dark:bg-[#263240]",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx(J,{className:"w-4 h-4 shrink-0 text-gray-500 dark:text-gray-300"}),e.jsx("span",{className:"truncate text-sm font-medium text-gray-700 dark:text-gray-200",children:r("mermaidViewer.title")})]}),e.jsxs("div",{className:"flex items-center gap-1 ml-3",children:[e.jsx("button",{onClick:R,disabled:l<=M,className:"w-7 h-7 flex items-center justify-center rounded hover:bg-gray-200 dark:hover:bg-[#253040] text-gray-500 dark:text-gray-300 disabled:opacity-40","aria-label":r("mermaidViewer.zoomOut"),children:e.jsx(Q,{className:"w-4 h-4"})}),e.jsxs("span",{className:"text-xs text-gray-500 dark:text-gray-300 w-12 text-center tabular-nums",children:[A,"%"]}),e.jsx("button",{onClick:P,disabled:l>=S,className:"w-7 h-7 flex items-center justify-center rounded hover:bg-gray-200 dark:hover:bg-[#253040] text-gray-500 dark:text-gray-300 disabled:opacity-40","aria-label":r("mermaidViewer.zoomIn"),children:e.jsx(U,{className:"w-4 h-4"})}),e.jsx("button",{onClick:Z,className:"w-7 h-7 flex items-center justify-center rounded hover:bg-gray-200 dark:hover:bg-[#253040] text-gray-500 dark:text-gray-300","aria-label":r("mermaidViewer.resetZoom"),children:e.jsx(se,{className:"w-4 h-4"})}),e.jsx("div",{className:"w-px h-5 bg-gray-200 dark:bg-[#253040] mx-1"}),e.jsx("button",{onClick:i,className:"p-1 rounded hover:bg-gray-200 dark:hover:bg-[#253040] text-gray-500 dark:text-gray-300","aria-label":r("mermaidViewer.close"),children:e.jsx(Y,{className:"w-5 h-5"})})]})]}),e.jsxs("div",{className:"flex-1 min-h-0 overflow-auto bg-gray-100 dark:bg-gray-950 px-4 py-4",children:[d==="loading"&&e.jsxs("div",{className:"flex items-center gap-2 py-12 justify-center text-gray-500 dark:text-gray-300",children:[e.jsx(ee,{className:"w-6 h-6 animate-spin"}),e.jsx("span",{className:"text-sm",children:r("mermaidViewer.loading")})]}),d==="error"&&e.jsxs("div",{className:"flex flex-col items-center gap-2 py-12 text-red-500",children:[e.jsx(te,{className:"w-8 h-8"}),e.jsx("p",{className:"text-sm",children:r("mermaidViewer.renderFailed")}),v&&e.jsx("pre",{className:"max-w-full overflow-x-auto text-xs text-gray-400 whitespace-pre-wrap",children:v})]}),d==="ready"&&y&&e.jsx("div",{className:"w-fit mx-auto [&_svg]:max-w-none [&_svg]:h-auto",style:{transform:`scale(${l})`,transformOrigin:"top center"},dangerouslySetInnerHTML:{__html:y}})]})]})]})}export{oe as MermaidViewer};