@sean.holung/minicode 0.2.2 → 0.2.4

package/dist/src/web/style.css

@@ -0,0 +1,422 @@
+*, *::before, *::after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+:root {
+  --bg: #1a1b26;
+  --bg-surface: #222336;
+  --bg-hover: #2a2b3d;
+  --text: #c0caf5;
+  --text-dim: #565f89;
+  --accent: #7aa2f7;
+  --accent-dim: #3d59a1;
+  --green: #9ece6a;
+  --yellow: #e0af68;
+  --red: #f7768e;
+  --border: #33354a;
+  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace;
+  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+html, body {
+  height: 100%;
+  background: var(--bg);
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+#app {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  max-width: 900px;
+  margin: 0 auto;
+}
+
+/* Header */
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+h1 {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--accent);
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+#model-info {
+  font-size: 12px;
+  color: var(--text-dim);
+}
+
+/* Session menu */
+.session-menu {
+  position: relative;
+}
+
+.header-btn {
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  color: var(--text-dim);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  padding: 4px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+}
+
+.header-btn:hover {
+  color: var(--text);
+  border-color: var(--accent-dim);
+}
+
+.dropdown {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: 0;
+  min-width: 260px;
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+  z-index: 100;
+  overflow: hidden;
+}
+
+.dropdown-section {
+  padding: 8px;
+}
+
+.dropdown-divider {
+  height: 1px;
+  background: var(--border);
+}
+
+.dropdown-row {
+  display: flex;
+  gap: 6px;
+}
+
+.dropdown-row input {
+  flex: 1;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  padding: 5px 8px;
+}
+
+.dropdown-row input:focus {
+  outline: none;
+  border-color: var(--accent-dim);
+}
+
+.dropdown-action {
+  background: var(--accent-dim);
+  border: none;
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  padding: 5px 12px;
+  border-radius: 4px;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.dropdown-action:hover {
+  background: var(--accent);
+  color: var(--bg);
+}
+
+.dropdown-empty {
+  font-size: 12px;
+  color: var(--text-dim);
+  text-align: center;
+  padding: 8px;
+}
+
+.session-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 12px;
+  transition: background 0.15s;
+}
+
+.session-item:hover {
+  background: var(--bg-hover);
+}
+
+.session-label {
+  color: var(--text);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.session-meta {
+  color: var(--text-dim);
+  font-size: 11px;
+  flex-shrink: 0;
+  margin-left: 8px;
+}
+
+.badge {
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 10px;
+  font-weight: 500;
+}
+
+.badge.ready {
+  background: rgba(158, 206, 106, 0.15);
+  color: var(--green);
+}
+
+.badge.busy {
+  background: rgba(224, 175, 104, 0.15);
+  color: var(--yellow);
+}
+
+.badge.error {
+  background: rgba(247, 118, 142, 0.15);
+  color: var(--red);
+}
+
+/* Messages */
+main {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.message {
+  padding: 10px 14px;
+  border-radius: 8px;
+  max-width: 100%;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+}
+
+.message.user {
+  background: var(--accent-dim);
+  color: #fff;
+  align-self: flex-end;
+  max-width: 80%;
+  border-radius: 8px 8px 2px 8px;
+}
+
+.message.assistant {
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: 8px 8px 8px 2px;
+}
+
+.message.error {
+  background: rgba(247, 118, 142, 0.1);
+  border: 1px solid rgba(247, 118, 142, 0.3);
+  color: var(--red);
+}
+
+.message.thinking {
+  color: var(--text-dim);
+  font-style: italic;
+  font-size: 13px;
+  padding: 6px 14px;
+}
+
+/* Tool call group — clusters consecutive tool calls */
+.tool-group {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: 2px 0;
+}
+
+/* Tool calls — compact inline pills */
+.tool-call {
+  font-size: 12px;
+  padding: 4px 10px;
+  border-radius: 4px;
+  color: var(--text-dim);
+  cursor: pointer;
+  transition: background 0.15s;
+  line-height: 1.4;
+}
+
+.tool-call:hover {
+  background: rgba(122, 162, 247, 0.08);
+}
+
+.tool-call .tool-header {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+}
+
+.tool-call .tool-name {
+  color: var(--accent);
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
+.tool-call .tool-arg {
+  color: var(--text-dim);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tool-call .tool-time {
+  color: var(--text-dim);
+  margin-left: auto;
+  flex-shrink: 0;
+  font-size: 11px;
+  opacity: 0.7;
+}
+
+.tool-call .tool-result {
+  display: none;
+  margin-top: 6px;
+  padding: 6px 8px;
+  border-radius: 3px;
+  background: rgba(0, 0, 0, 0.2);
+  white-space: pre-wrap;
+  max-height: 200px;
+  overflow-y: auto;
+  font-size: 11px;
+  color: var(--text-dim);
+}
+
+.tool-call.expanded .tool-result {
+  display: block;
+}
+
+/* Streaming cursor */
+.streaming-cursor::after {
+  content: '\25CC';
+  animation: blink 0.8s step-end infinite;
+  color: var(--accent);
+}
+
+@keyframes blink {
+  50% { opacity: 0; }
+}
+
+/* Usage info */
+.usage-info {
+  font-size: 11px;
+  color: var(--text-dim);
+  opacity: 0.6;
+  text-align: right;
+  padding: 2px 4px;
+}
+
+/* Footer / Input */
+footer {
+  padding: 12px 16px;
+  border-top: 1px solid var(--border);
+  flex-shrink: 0;
+}
+
+#chat-form {
+  display: flex;
+  gap: 8px;
+  align-items: flex-end;
+}
+
+#chat-input {
+  flex: 1;
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 14px;
+  padding: 10px 12px;
+  resize: none;
+  max-height: 150px;
+  line-height: 1.5;
+}
+
+#chat-input:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+
+#send-btn, #cancel-btn {
+  padding: 10px 18px;
+  border: none;
+  border-radius: 6px;
+  font-family: var(--font-mono);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+#send-btn {
+  background: var(--accent);
+  color: var(--bg);
+}
+
+#send-btn:hover {
+  opacity: 0.9;
+}
+
+#send-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+#cancel-btn {
+  background: var(--red);
+  color: #fff;
+}
+
+.hidden {
+  display: none !important;
+}
+
+/* Scrollbar */
+main::-webkit-scrollbar {
+  width: 6px;
+}
+
+main::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+main::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 3px;
+}

package/dist/tests/agent.test.js

@@ -102,6 +102,68 @@ test("agent omits code map when projectIndex is not provided", async () => {
     await agent.runTurn("Hello");
     assert.ok(!capturedSystem.includes("[Project Code Map]"));
 });
+test("agent caps thinking text in session but preserves final response", async () => {
+    const longThinking = "I need to analyze this carefully. ".repeat(20); // ~660 chars, well over 200
+    const finalResponse = "Here is the complete and detailed answer that should not be truncated at all. ".repeat(10); // ~780 chars
+    const responses = [
+        {
+            text: longThinking,
+            toolCalls: [{ id: "tool-1", name: "echo_tool", input: { value: "ok" } }],
+            stopReason: "tool_use",
+            usage: { inputTokens: 10, outputTokens: 8 },
+        },
+        {
+            text: finalResponse,
+            toolCalls: [],
+            stopReason: "end_turn",
+            usage: { inputTokens: 12, outputTokens: 6 },
+        },
+    ];
+    const agent = new CodingAgent({
+        config: createTestAgentConfig("/tmp"),
+        modelClient: new SequenceModelClient(responses),
+        toolRegistry: new ToolRegistry([createEchoTool()]),
+    });
+    const { text } = await agent.runTurn("Do something complex");
+    const messages = agent.getSession().getMessages();
+    // Thinking message (assistant with toolCalls) should be capped at ~200 chars + "..."
+    const thinkingMsg = messages[1];
+    assert.equal(thinkingMsg?.role, "assistant");
+    assert.ok(thinkingMsg?.role === "assistant" && thinkingMsg.content.length <= 204, `Thinking should be capped but was ${thinkingMsg?.role === "assistant" ? thinkingMsg.content.length : "?"} chars`);
+    assert.ok(thinkingMsg?.role === "assistant" && thinkingMsg.content.endsWith("..."), "Capped thinking should end with ellipsis");
+    // Final response (assistant without toolCalls) should be preserved in full
+    const finalMsg = messages[3];
+    assert.equal(finalMsg?.role, "assistant");
+    assert.equal(text, finalResponse);
+    assert.ok(finalMsg?.role === "assistant" && finalMsg.content === finalResponse, "Final response should not be truncated");
+});
+test("agent preserves short thinking text without capping", async () => {
+    const shortThinking = "Let me check.";
+    const responses = [
+        {
+            text: shortThinking,
+            toolCalls: [{ id: "tool-1", name: "echo_tool", input: { value: "ok" } }],
+            stopReason: "tool_use",
+            usage: { inputTokens: 10, outputTokens: 8 },
+        },
+        {
+            text: "Done.",
+            toolCalls: [],
+            stopReason: "end_turn",
+            usage: { inputTokens: 12, outputTokens: 6 },
+        },
+    ];
+    const agent = new CodingAgent({
+        config: createTestAgentConfig("/tmp"),
+        modelClient: new SequenceModelClient(responses),
+        toolRegistry: new ToolRegistry([createEchoTool()]),
+    });
+    await agent.runTurn("Quick task");
+    const messages = agent.getSession().getMessages();
+    const thinkingMsg = messages[1];
+    assert.equal(thinkingMsg?.role, "assistant");
+    assert.ok(thinkingMsg?.role === "assistant" && thinkingMsg.content === shortThinking, "Short thinking should be preserved verbatim");
+});
 test("agent includes code map in system prompt when projectIndex is provided", async () => {
     const root = path.resolve(import.meta.dirname, "..");
     const projectIndex = await buildProjectIndex(root);

package/dist/tests/cli-args.test.js

@@ -58,16 +58,18 @@ test("parseCliArgs rejects --out without value", () => {
     assert.throws(() => parseCliArgs(["node", "src/index.ts", "--oneshot", "--out"]), CliUsageError);
 });
 test("validateCliArgs rejects oneshot without task", () => {
-    assert.throws(() => validateCliArgs({ verbose: false, oneshot: true, json: false, task: "" }), /--oneshot requires a task prompt/);
+    assert.throws(() => validateCliArgs({ verbose: false, oneshot: true, json: false, serve: false, port: 4567, task: "" }), /--oneshot requires a task prompt/);
 });
 test("validateCliArgs rejects json without oneshot", () => {
     assert.throws(() => validateCliArgs({
         verbose: false,
         oneshot: false,
         json: true,
+        serve: false,
+        port: 4567,
         task: "hello",
     }), /only supported with --oneshot/);
 });
 test("validateCliArgs allows non-oneshot empty task", () => {
-    assert.doesNotThrow(() => validateCliArgs({ verbose: false, oneshot: false, json: false, task: "" }));
+    assert.doesNotThrow(() => validateCliArgs({ verbose: false, oneshot: false, json: false, serve: false, port: 4567, task: "" }));
 });