Speed Dial: replace tile monograms with native SVG icons

Tiles previously rendered a colored monogram (title/source initials plus an ordinal) with a per-id hue. Show the matching native SVG icon instead:

- AppAction/NativeCommand gain an `icon` field; commands get a curated key->icon table and settings inherit their group header's icon.
- Notebook tracks each page's resource icon name and reports it in tab_options(), so the tab picker can show it too.
- Searcher records the group icon so settings keep it through search.
- Web tile rendering swaps monogramFor/hue for an <img>; drop the now-unused hue/text CSS vars. Add a test asserting every non-empty icon resolves to a shipped SVG.
This commit is contained in:
Lam Wei Lun
2026-09-11 11:36:24 +08:00
parent 792ab183e4
commit 42bee12481
15 changed files with 231 additions and 82 deletions
@@ -195,21 +195,15 @@ assert.deepEqual(ctx.visibleFavourites(["b", "a", "b"], [{ id: "a" }, { id: "b"
assert.deepEqual(ctx.visibleFavourites([], [{ id: "a" }]), [], "no pins renders an empty quick-bar");
assert.deepEqual(ctx.visibleFavourites(["a"], []), [], "a stale config with no actions renders nothing");
// tileCode: monogram ladder - title initial, then title+source initials, then a stable ordinal
// by id. The ordinal is keyed by id, not by list order, so frecency reshuffles never renumber tiles.
const monoPool = [
{ id: "z", title: "Repair", source: "Mesh Tools" },
{ id: "a", title: "Repair", source: "Mesh Tools" },
{ id: "b", title: "Repair", source: "Filament" }
];
assert.equal(ctx.tileCode(monoPool[0], monoPool), "MR2",
"same title+source resolves to source+title initials with an id-keyed ordinal (id z sorts after id a)");
assert.equal(ctx.tileCode(monoPool[1], monoPool), "MR1",
"the earlier id is numbered first among same-title+source tiles");
assert.equal(ctx.tileCode(monoPool[2], monoPool), "FR",
"same title but different source resolves to source+title initials");
assert.equal(ctx.tileCode({ id: "x", title: "Slice", source: "OrcaSlicer" }, [{ id: "x", title: "Slice", source: "OrcaSlicer" }]),
"S", "a unique title resolves to the bare title initial");
// actionIcon: the SVG base name for a tile's pictogram, or "" when the action has none (blank tile).
assert.equal(ctx.actionIcon({ id: "x", title: "Slice", icon: "media_play" }), "media_play",
"an action's icon base name is returned verbatim");
assert.equal(ctx.actionIcon({ id: "x", title: "Go to tab...", icon: "" }), "",
"an empty icon renders a blank tile");
assert.equal(ctx.actionIcon({ id: "x", title: "Plugin action" }), "",
"a missing icon field renders a blank tile");
assert.equal(ctx.actionIcon(null), "",
"a null action (tab row) renders a blank tile");
// needsModeSwitch: a setting is gated only when its required mode outranks the user's current mode.
assert.equal(ctx.needsModeSwitch({ mode: "advanced" }, "simple"), true, "Advanced is gated in Simple mode");