@lazyingart/agintiflow 0.20.15 → 0.20.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazyingart/agintiflow",
-  "version": "0.20.15",
+  "version": "0.20.16",
   "type": "module",
   "description": "AgInTiFlow is a web-first coding agent and CLI with DeepSeek routing, sandboxed tools, model providers, canvas artifacts, and optional wrappers.",
   "license": "Apache-2.0",

package/public/index.html

@@ -36,10 +36,13 @@
         <p class="subtle" data-i18n="intro">
           Browser agent with provider selection, resumable runs, persisted settings, and an optional guarded shell tool with Docker sandbox support.
         </p>
-        <section class="project-card">
-          <strong data-i18n="projectStatusTitle">Project folder</strong>
+        <details class="project-card">
+          <summary>
+            <strong data-i18n="projectStatusTitle">Project folder</strong>
+            <span class="project-card-toggle" aria-hidden="true"></span>
+          </summary>
           <p id="project-status" class="subtle">Loading project context...</p>
-        </section>
+        </details>
 
         <section id="setup-card" class="setup-card" hidden>
           <div>

package/public/styles.css

@@ -290,9 +290,7 @@ h1 {
 
 .project-card,
 .setup-card {
-  display: grid;
   min-width: 0;
-  gap: 10px;
   margin: 14px 0;
   padding: 13px;
   border: 1px solid rgba(15, 118, 110, 0.18);
@@ -300,11 +298,73 @@ h1 {
   background: linear-gradient(135deg, rgba(204, 251, 241, 0.44), rgba(255, 247, 237, 0.9));
 }
 
+.setup-card {
+  display: grid;
+  gap: 10px;
+}
+
+.project-card {
+  display: block;
+}
+
+.project-card summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+  list-style: none;
+  cursor: pointer;
+}
+
+.project-card summary::-webkit-details-marker {
+  display: none;
+}
+
+.project-card summary strong {
+  min-width: 0;
+}
+
+.project-card summary:focus-visible {
+  border-radius: 10px;
+  outline: 3px solid rgba(15, 118, 110, 0.22);
+  outline-offset: 4px;
+}
+
+.project-card-toggle {
+  display: inline-grid;
+  width: 30px;
+  height: 30px;
+  flex: 0 0 auto;
+  place-items: center;
+  border: 1px solid rgba(15, 118, 110, 0.22);
+  border-radius: 999px;
+  background: rgba(255, 253, 250, 0.78);
+  color: var(--accent);
+  font-size: 0.88rem;
+  font-weight: 900;
+}
+
+.project-card-toggle::before {
+  content: "⌄";
+  transform: rotate(-90deg);
+  transition: transform 160ms ease;
+}
+
+.project-card[open] .project-card-toggle::before {
+  transform: rotate(0deg);
+}
+
 .project-card p,
 .setup-card p {
   overflow-wrap: anywhere;
 }
 
+.project-card p {
+  margin: 10px 0 0;
+  line-height: 1.55;
+}
+
 .setup-card .key-links {
   display: flex;
   flex-wrap: wrap;