Skip to content

docs(repo): four Taiga traps the frontend skill walked into - #3935

Merged
dr-bonez merged 5 commits into
masterfrom
docs/frontend-skill-icon-import
Sep 14, 2026
Merged

dr-bonez merged 5 commits into
masterfrom
docs/frontend-skill-icon-import

Conversation

@MattDHill

@MattDHill MattDHill commented Sep 13, 2026

Copy link
Copy Markdown
Member

Summary

Four corrections to .claude/skills/start9-frontend/references/, each a mistake the skill either invited or failed to warn about while the support portal was being reworked (Start9Labs/support-server#49):

  • forms.md — the password-reveal recipe now says to import TuiIcon alongside TuiPassword. TuiPassword matches on the bare tui-icon element name, so without the component TuiIcons never applies and the page dies with NG0201 at runtime, past strictTemplates.
  • components.md — the hostDirectives example had dropped the host: { tuiButton: '' } the real marketplacePackageLink carries. A host directive does not stamp its selector attribute, and every Taiga stylesheet keys on it, so TuiButton/TuiChip/TuiBadge silently render with none of their CSS. TuiCell and TuiCardLarge self-stamp; the rule now says which do.
  • taiga.mdtui-scrollbar's inner .t-content is min-inline-size: fit-content, so one white-space: nowrap descendant widens the whole scroll area; the sanctioned ::ng-deep override is spelled out, including the specificity needed to beat Taiga's own rule.
  • bootstrap.md — referencing a non-Taiga SVG by path in an icon slot draws it as a currentColor mask; a full-colour raster or SVG goes through the same slot as @img.<url>.

Plus one stale fact: the support-server row in repos.md and the fleet table still described a customer-only portal with no in-app theme toggle. The app has had an appearance setting since Start9Labs/support-server#49 and gains the staff inbox at /staff in Start9Labs/support-server#53; the row now says so.

🤖 Generated with Claude Code

Each of these cost a round trip while reworking the support portal:
`<tui-icon tuiPassword />` needs `TuiIcon` imported or it dies at
runtime past strictTemplates; a host directive doesn't stamp its own
selector attribute, so `TuiButton`/`TuiChip`/`TuiBadge` render without
their CSS unless `host: { tuiButton: '' }` is set; `tui-scrollbar`'s
content is `min-inline-size: fit-content`, which one nowrap descendant
widens; and a raster icon goes through an icon slot as `@img.<url>`,
where a bare path is drawn as a mask.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@MattDHill MattDHill added the repo Repository maintenance label Sep 13, 2026
MattDHill and others added 4 commits September 14, 2026 09:25
…rt portal

The support-server row said "customer support portal" and "no in-app
toggle"; the app has had an appearance setting since Start9Labs/
support-server#49 and gains a staff inbox with role-guarded routes in
Start9Labs/support-server#53.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@dr-bonez
dr-bonez merged commit 4965bb0 into master Sep 14, 2026
7 checks passed
@dr-bonez
dr-bonez deleted the docs/frontend-skill-icon-import branch September 14, 2026 20:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

repo Repository maintenance

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants