Skip to main content

tools-local-artifact pattern

ToolDirectory

Help users find a browser-local draft tool by job while inspecting input, output, and review boundaries.

tools/local-artifact · candidate · @sanchika/patterns

Product job

Find a bounded draft tool by work type and inspect its input, output, and review requirement before opening it.

Help users find a browser-local draft tool by job while inspecting input, output, and review boundaries.

Anatomy and required fields

directoryHeader

Directory scope and identity.

resultStatus

Live result count for default, filtered, and no-results states.

search

Browser-local job search.

filters

Visible work-category filters.

toolList

Ordered tool cards or rows.

emptyState

No-match explanation and clear action.

workspaceHandoff

Route continuing or saved work to Axal.

Required fields
  • directoryHeader
  • resultStatus
  • search
  • filters
  • toolList
  • emptyState
  • workspaceHandoff

Default and edge states

default

All tools are visible.

  • tool count
  • input
  • output
  • review
filtered

A search or category filter is active.

  • filter
  • result count
  • clear
no-results

No tool matches.

  • no match
  • search term
  • clear filters

Composed synthetic exemplar

Local tool index

Search by the work on your desk.

6 draft tools

01
Reconciliation

GSTR variance note

Turn a pasted variance list into a structured review note.

Input
Pasted totals and period label
Output
Local draft note
Review
CA interpretation required
Boundary
Browser-local draft; no directory upload
Status
Available synthetic reference
Inspect tool contract
02
Drafting

Notice response outline

Organise source points into a response outline.

Input
User-entered facts and source references
Output
Editable response outline
Review
Professional review required
Boundary
Browser-local draft; no directory upload
Status
Available synthetic reference
Inspect tool contract
03
Dates

Due-date working sheet

Lay out a working sequence of dates from user-entered events.

Input
Event labels and dates
Output
Local working timeline
Review
Verify against current authority
Boundary
Browser-local draft; no directory upload
Status
Available synthetic reference
Inspect tool contract
04
Documents

Document checklist builder

Create a case-specific document request checklist.

Input
Selected work type and notes
Output
Downloadable draft checklist
Review
Reviewer confirms completeness
Boundary
Browser-local draft; no directory upload
Status
Available synthetic reference
Inspect tool contract
05
Drafting

TDS handoff brief

Prepare a concise reviewer handoff from entered obligation facts.

Input
User-entered obligation summary
Output
Local handoff brief
Review
CA approval required
Boundary
Browser-local draft; no directory upload
Status
Available synthetic reference
Inspect tool contract
06
Documents

Evidence index

Number and label an evidence list before human review.

Input
File names and user-entered descriptions
Output
Local evidence index
Review
Reviewer validates source mapping
Boundary
Browser-local draft; no directory upload
Status
Available synthetic reference
Inspect tool contract

State coverage

Default and consequential edges remain inspectable.

defaultAll tools are visible.tool count · input
filteredA search or category filter is active.filter · result count
no resultsNo tool matches.no match · search term

Trust, source, and consumer obligations

Trust boundaries
  • Search terms, entered facts, and draft outputs stay in the browser unless a named adopter action says otherwise.
  • Every tool names its input, output, review requirement, and local or external boundary before opening.
Consumer owns
  • Provide each tool specification, runtime, source mapping, draft generation, export, storage, and any external handoff.
Responsive behavior
  • Collapse metadata columns beneath each tool identity.
  • Preserve search, result status, and clear action in DOM order.
Forced colors and reduced motion
  • Retain text status, result boundaries, native focus, link underlines, and selected filters using system colors.
  • Keep directory results, empty state, draft status, and next action understandable without animated filtering or confirmation.

Compact API reference

Package
@sanchika/patterns
CSS
@sanchika/patterns/styles.css
Base class
sk-pattern-tool-directory
Group
tools-local-artifact