Hoowla link

Use the <koala-hoowla-link> tag helper for links to Hoowla entities (cases, quotes, people). Renders the Hoowla logo, "Hoowla" label, and an external link icon. When no href is provided, renders a sync button that calls syncHoowla() with a loading spinner.

Linked (has Hoowla ID)

When the entity is already synced to Hoowla. Renders an anchor that opens Hoowla in a new tab.

Case

Quote

Person

Employee

<koala-hoowla-link href="https://app.hoowla.com/app/case?case=123" label="Case" tooltip="Case 123" />
<koala-hoowla-link href="https://app.hoowla.com/app/quote?id=456" label="Quote" tooltip="Quote 456" />
<koala-hoowla-link href="https://app.hoowla.com/app/people?person=789" label="Person" tooltip="Person 789" />
<koala-hoowla-link href="https://app.hoowla.com/app/profile?u=42" label="Employee" tooltip="Employee 42" />

Unlinked (sync button)

When the entity has not been synced to Hoowla yet. Renders a button that triggers on-demand sync. Requires syncHoowla() and hoowlaSyncing in the parent x-data.

Hoowla

<koala-hoowla-link />

Attributes

Attribute	Type	Description
`href`	`string?`	Hoowla URL. When set, renders an `<a>`. When null, renders a sync `<button>`.
`tooltip`	`string?`	Tooltip text (e.g. "Case 123"). Only applies when `href` is set.
`label`	`string?`	Visible link text (default `"Hoowla"`). Use `"Quote"`, `"Case"`, `"Person"`, or `"Employee"` to disambiguate when multiple Hoowla links appear side by side.

Usage guidance

Page	When to show	What sync creates
View transaction	Always	Contact person, user person, bespoke quote, case
View quote	When quote has transactions	Contact person, user person, bespoke quote, all cases
View user	When user has transactions	User person, all quotes, all cases