eklavya 1.54.0 → 1.54.2

package/dist/plugin/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "eklavya",
   "displayName": "Eklavya",
-  "version": "1.54.0",
+  "version": "1.54.2",
   "description": "Learn while your agent works. Turns coding-agent generation time into adaptive, Socratic learning grounded in the code being written.",
   "author": {
     "name": "Ajay Kumar"

package/dist/plugin/hooks/panel/model.ts

@@ -74,6 +74,20 @@ export function logoRows(grid: readonly string[] = LOGO_GRID, palette: Record<st
   return out
 }
 
+/** The grid as rows of boxes for a host whose font cannot tile glyphs: runs of one colour (or none) and their width in cells. */
+export function boxRows(grid: readonly string[] = LOGO_GRID, palette: Record<string, string> = LOGO_PALETTE): { width: number; color?: string }[][] {
+  return grid.map(row => {
+    const runs: { width: number; color?: string }[] = []
+    for (const c of row) {
+      const color = c === '.' ? undefined : palette[c]
+      const last = runs[runs.length - 1]
+      if (last && last.color === color) last.width++
+      else runs.push({ width: 1, color })
+    }
+    return runs
+  })
+}
+
 /** The name as the header sets it: spaced capitals, the nearest a terminal gets to a larger type size. */
 /** A call such as `tester.tap(find.byType(X))`, nested up to three deep, a lowerCamelCase name or a snake_case name. */
 const CODE_LIKE = /[A-Za-z_]\w*(?:\.[A-Za-z_]\w*)*\((?:[^()\n]|\((?:[^()\n]|\([^()\n]*\))*\))*\)|\b[a-z]{2,}(?:[A-Z][a-z0-9]+)+\b|\b[a-z0-9]+(?:_[a-z0-9]+)+\b/g
@@ -90,6 +104,17 @@ export function codify(text: string): string {
     .join('')
 }
 
+/** Block Markdown that bold marks around it would break: a fence, heading, list, quote, or bold already in it. */
+const NOT_BOLDABLE = /```|\*\*|^\s*(?:#|[-*+>]|\d+[.)])\s/m
+
+/** Bolds each plain paragraph of a question, so a blank line never sits inside a bold span. */
+export function boldParagraphs(text: string): string {
+  return text
+    .split(/\n{2,}/)
+    .map(p => (p.trim() && !NOT_BOLDABLE.test(p) ? `**${p.trim()}**` : p))
+    .join('\n\n')
+}
+
 /** What a Button label can show of Markdown: it keeps the words and drops the code and bold marks. */
 export function plainLabel(text: string): string {
   return text.replace(/`|\*\*/g, '')

package/dist/plugin/hooks/panel/register.tsx

@@ -16,6 +16,8 @@ import {
   codify,
   gradingRequest,
   logoRows,
+  boxRows,
+  boldParagraphs,
   plainLabel,
   levelLine,
   parseVerdict,
@@ -349,20 +351,38 @@ export const register: Register = on => {
     const s: PanelState = await read($, quiz)
     const q = s.question
 
-    // The mark is drawn in text, as Claude Code draws its own, so it shows in every terminal.
-    const logo = (
-      <Box flexDirection="column" flexShrink={0}>
-        {logoRows().map((runs, y) => (
-          <Box key={`logo-${y}`} flexDirection="row" flexShrink={0}>
-            {runs.map((run, x) => (
-              <Text key={`logo-${y}-${x}`} color={run.fg} backgroundColor={run.bg} wrap="truncate">
-                {run.text}
-              </Text>
-            ))}
-          </Box>
-        ))}
-      </Box>
-    )
+    // Any surface but the terminal is the desktop app's: it sets the question bold, spaces the answers
+    // apart and draws the mark in boxes. The terminal keeps its text layout.
+    const app = e.surface !== 'terminal'
+    // The mark is drawn in text, as Claude Code draws its own, so it shows in every terminal. The
+    // desktop app sets text in a proportional font with its own line height, so glyph cells do not
+    // tile there: it gets the same grid as filled boxes, one per run of a colour. A cell is one unit
+    // wide and half a unit tall, which is square in the app (checked live there; the host's
+    // fractional-height support is not documented, so a failure shows as a stretched mark).
+    const logo =
+      !app ? (
+        <Box flexDirection="column" flexShrink={0}>
+          {logoRows().map((runs, y) => (
+            <Box key={`logo-${y}`} flexDirection="row" flexShrink={0}>
+              {runs.map((run, x) => (
+                <Text key={`logo-${y}-${x}`} color={run.fg} backgroundColor={run.bg} wrap="truncate">
+                  {run.text}
+                </Text>
+              ))}
+            </Box>
+          ))}
+        </Box>
+      ) : (
+        <Box flexDirection="column" flexShrink={0}>
+          {boxRows().map((runs, y) => (
+            <Box key={`logo-${y}`} flexDirection="row" flexShrink={0} height={0.5}>
+              {runs.map((run, x) => (
+                <Box key={`logo-${y}-${x}`} width={run.width} height={0.5} flexShrink={0} backgroundColor={run.color} />
+              ))}
+            </Box>
+          ))}
+        </Box>
+      )
     // A list tile: the mark on the left; the name over the topic beside it.
     const head = (subtitle?: string) => (
       <Box flexDirection="row" alignItems="center" gap={2}>
@@ -385,13 +405,14 @@ export const register: Register = on => {
       </Box>
     )
     // One answer: a bordered block. The Button holds the whole answer text, so a press anywhere on it
-    // selects; the border and a tick show the pick, and nothing implies it is right.
+    // selects; the border and a tick show the pick, and nothing implies it is right. The desktop app gives
+    // the text more room inside the border; the terminal keeps its tight cards.
     const card = (id: string, selected: boolean, button: unknown, body: unknown[], roomy = false) => (
       <Box
         key={`card-${id}`}
         flexDirection="column"
-        paddingX={1}
-        paddingY={roomy ? 1 : 0}
+        paddingX={app ? 2 : 1}
+        paddingY={app || roomy ? 1 : 0}
         gap={roomy ? 1 : 0}
         borderStyle="single"
         borderColor={selected ? BRAND : 'inactive'}
@@ -419,7 +440,7 @@ export const register: Register = on => {
       )
     }
 
-    const stem = <Markdown text={codify(q.stem)} />
+    const stem = <Markdown text={app ? boldParagraphs(codify(q.stem)) : codify(q.stem)} />
 
     if (s.step === 'feedback' || s.step === 'skipped') {
       const r = s.result
@@ -469,7 +490,7 @@ export const register: Register = on => {
 
     return frame(
       stem,
-      <Box flexDirection="column">
+      <Box flexDirection="column" gap={app ? 1 : 0}>
         {options}
         {card(
           'other',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eklavya",
-  "version": "1.54.0",
+  "version": "1.54.2",
   "description": "Learn while your agent works — local knowledge graph, spaced repetition, and quiz gating for agent-assisted development.",
   "license": "MIT",
   "repository": {