mulmoclaude 0.9.0 → 0.9.2

package/src/plugins/accounting/api.ts

@@ -1,301 +0,0 @@
-// Typed wrapper around POST /api/accounting. Centralises the action
-// names and the response shapes so the View / sub-components don't
-// repeat the cast at every call site.
-//
-// Every helper returns `ApiResult<T>` (the shared discriminated union
-// from src/utils/api.ts) — callers pattern-match on `.ok`. There is
-// no separate error-throwing path; all surfaces (network, HTTP, app
-// validation) flow through the same shape.
-
-import { apiCall, type ApiResult } from "../../utils/api";
-import { META } from "./meta";
-import { ACCOUNTING_ACTIONS } from "./actions";
-import type { SupportedCountryCode } from "./countries";
-import type { FiscalYearEnd } from "./fiscalYear";
-import type { TimeSeriesGranularity, TimeSeriesMetric } from "./timeSeriesEnums";
-
-export type AccountType = "asset" | "liability" | "equity" | "income" | "expense";
-export type JournalEntryKind = "normal" | "opening" | "void" | "void-marker";
-
-export interface Account {
-  code: string;
-  name: string;
-  type: AccountType;
-  note?: string;
-  /** Soft-delete flag. When `false`, the account is hidden from
-   *  entry/ledger dropdowns but stays visible in Manage Accounts
-   *  and historical entries. */
-  active?: boolean;
-}
-
-export interface JournalLine {
-  accountCode: string;
-  debit?: number;
-  credit?: number;
-  memo?: string;
-  /** Counterparty's tax-authority-issued registration ID — JP
-   *  T-number, EU VAT ID, UK VAT registration number, GSTIN, ABN,
-   *  etc. See server/accounting/types.ts for the full doc. */
-  taxRegistrationId?: string;
-}
-
-export interface JournalEntry {
-  id: string;
-  date: string;
-  kind: JournalEntryKind;
-  lines: JournalLine[];
-  memo?: string;
-  voidedEntryId?: string;
-  voidReason?: string;
-  /** Set on the new entry posted via the "edit" flow — id of the
-   *  original entry that was voided in the same operation. The
-   *  void + new-entry pair is two sequential calls on the client,
-   *  not an atomic transaction. */
-  replacesEntryId?: string;
-  createdAt: string;
-}
-
-export interface BookSummary {
-  id: string;
-  name: string;
-  currency: string;
-  /** ISO 3166-1 alpha-2 country code identifying the tax jurisdiction
-   *  the book is kept under. Constrained to `SupportedCountryCode` —
-   *  see `countries.ts`. Optional for backward compatibility with
-   *  books created before the field was introduced. */
-  country?: SupportedCountryCode;
-  /** Which calendar-quarter end is the book's fiscal year end:
-   *  Q1 → March 31, Q2 → June 30, Q3 → September 30, Q4 → December 31.
-   *  Optional in the persisted shape for backward compatibility —
-   *  read-side code treats absence as Q4 via `resolveFiscalYearEnd`.
-   *  See `./fiscalYear.ts`. */
-  fiscalYearEnd?: FiscalYearEnd;
-  createdAt: string;
-}
-
-export interface OpenAppPayload {
-  kind: "accounting-app";
-  /** `null` when the workspace has zero books — the View renders the
-   *  empty state and prompts for book creation. */
-  bookId: string | null;
-  initialTab?: string;
-}
-
-export interface AccountBalance {
-  accountCode: string;
-  netDebit: number;
-}
-
-export interface BalanceSheetSection {
-  type: AccountType;
-  rows: { accountCode: string; accountName: string; balance: number }[];
-  total: number;
-}
-
-export interface BalanceSheet {
-  asOf: string;
-  sections: BalanceSheetSection[];
-  imbalance: number;
-}
-
-export interface ProfitLoss {
-  from: string;
-  to: string;
-  income: { rows: { accountCode: string; accountName: string; amount: number }[]; total: number };
-  expense: { rows: { accountCode: string; accountName: string; amount: number }[]; total: number };
-  netIncome: number;
-}
-
-export interface LedgerRow {
-  entryId: string;
-  date: string;
-  kind: JournalEntryKind;
-  memo?: string;
-  debit: number;
-  credit: number;
-  runningBalance: number;
-  /** Counterparty tax-registration ID per source line. The Ledger
-   *  view shows it as its own column when the selected account is
-   *  in the input-tax band (14xx — see `isTaxAccountCode`). */
-  taxRegistrationId?: string;
-}
-
-export interface Ledger {
-  accountCode: string;
-  accountName: string;
-  rows: LedgerRow[];
-  closingBalance: number;
-}
-
-export type ReportPeriod = { kind: "month"; period: string } | { kind: "range"; from: string; to: string };
-
-// `META.apiRoutes.dispatch.path` is `""` and `META.apiNamespace` is
-// `"accounting"`, so the URL composes to `/api/accounting`. Resolved
-// inline rather than via the host `pluginEndpoints` registry — this
-// file is plugin-internal and the META is the single source of truth.
-const DISPATCH_URL = `/api/${META.apiNamespace}${META.apiRoutes.dispatch.path}`;
-const DISPATCH_METHOD = META.apiRoutes.dispatch.method;
-
-function call<T>(action: string, args: Record<string, unknown> = {}): Promise<ApiResult<T>> {
-  return apiCall<T>(DISPATCH_URL, { method: DISPATCH_METHOD, body: { action, ...args } });
-}
-
-// ── Books ────────────────────────────────────────────────────────────
-
-export function getBooks(): Promise<ApiResult<{ books: BookSummary[] }>> {
-  return call(ACCOUNTING_ACTIONS.getBooks);
-}
-
-export function createBook(input: {
-  name: string;
-  currency?: string;
-  country?: SupportedCountryCode;
-  /** Q1..Q4 — required at the form boundary, but the server silently
-   *  defaults absent / empty to Q4 for back-compat. */
-  fiscalYearEnd?: FiscalYearEnd;
-}): Promise<ApiResult<{ book: BookSummary }>> {
-  return call(ACCOUNTING_ACTIONS.createBook, input);
-}
-
-export function updateBook(input: {
-  bookId: string;
-  name?: string;
-  /** Pass `""` to explicitly clear the country (server treats it as
-   *  the "drop the field" sentinel). Any other value must be one of
-   *  the curated `SupportedCountryCode`s. */
-  country?: SupportedCountryCode | "";
-  /** Q1..Q4 — pure metadata, only changes how the date-range
-   *  shortcuts resolve. No "clear" path; absence leaves the existing
-   *  value untouched. */
-  fiscalYearEnd?: FiscalYearEnd;
-}): Promise<ApiResult<{ book: BookSummary }>> {
-  return call(ACCOUNTING_ACTIONS.updateBook, input);
-}
-
-export function deleteBook(bookId: string): Promise<ApiResult<{ deletedBookId: string; deletedBookName: string }>> {
-  return call(ACCOUNTING_ACTIONS.deleteBook, { bookId, confirm: true });
-}
-
-// ── Accounts ─────────────────────────────────────────────────────────
-
-export function getAccounts(bookId: string): Promise<ApiResult<{ bookId: string; accounts: Account[] }>> {
-  return call(ACCOUNTING_ACTIONS.getAccounts, { bookId });
-}
-
-export function upsertAccount(account: Account, bookId: string): Promise<ApiResult<{ bookId: string; account: Account; accounts: Account[] }>> {
-  return call(ACCOUNTING_ACTIONS.upsertAccount, { account, bookId });
-}
-
-// ── Entries ──────────────────────────────────────────────────────────
-
-export interface AddEntriesItemInput {
-  date: string;
-  lines: JournalLine[];
-  memo?: string;
-  /** When set, marks this entry as the replacement posted via the
-   *  "edit" flow. The caller is expected to have voided
-   *  `replacesEntryId` separately just before this call — there is
-   *  no atomic transaction. */
-  replacesEntryId?: string;
-}
-
-export function addEntries(input: {
-  bookId: string;
-  /** One or more entries to post. The server validates every entry
-   *  before any write, so a single bad entry rejects the whole
-   *  batch. Pass a single-element array to post just one entry. */
-  entries: AddEntriesItemInput[];
-}): Promise<ApiResult<{ bookId: string; entries: JournalEntry[] }>> {
-  return call(ACCOUNTING_ACTIONS.addEntries, input);
-}
-
-export function voidEntry(input: {
-  entryId: string;
-  reason?: string;
-  bookId: string;
-}): Promise<ApiResult<{ bookId: string; reverseEntry: JournalEntry; markerEntry: JournalEntry }>> {
-  return call(ACCOUNTING_ACTIONS.voidEntry, input);
-}
-
-export function getJournalEntries(input: {
-  from?: string;
-  to?: string;
-  accountCode?: string;
-  bookId: string;
-}): Promise<ApiResult<{ bookId: string; entries: JournalEntry[]; voidedEntryIds: string[] }>> {
-  return call(ACCOUNTING_ACTIONS.getJournalEntries, input);
-}
-
-// ── Opening balances ─────────────────────────────────────────────────
-
-export function getOpeningBalances(bookId: string): Promise<ApiResult<{ bookId: string; opening: JournalEntry | null }>> {
-  return call(ACCOUNTING_ACTIONS.getOpeningBalances, { bookId });
-}
-
-export function setOpeningBalances(input: {
-  asOfDate: string;
-  lines: JournalLine[];
-  memo?: string;
-  bookId: string;
-}): Promise<ApiResult<{ bookId: string; openingEntry: JournalEntry; replacedExisting: boolean }>> {
-  return call(ACCOUNTING_ACTIONS.setOpeningBalances, input);
-}
-
-// ── Reports ──────────────────────────────────────────────────────────
-
-export function getBalanceSheet(period: ReportPeriod, bookId: string): Promise<ApiResult<{ bookId: string; balanceSheet: BalanceSheet }>> {
-  return call(ACCOUNTING_ACTIONS.getReport, { kind: "balance", period, bookId });
-}
-
-export function getProfitLoss(period: ReportPeriod, bookId: string): Promise<ApiResult<{ bookId: string; profitLoss: ProfitLoss }>> {
-  return call(ACCOUNTING_ACTIONS.getReport, { kind: "pl", period, bookId });
-}
-
-export function getLedger(accountCode: string, period: ReportPeriod | undefined, bookId: string): Promise<ApiResult<{ bookId: string; ledger: Ledger }>> {
-  return call(ACCOUNTING_ACTIONS.getReport, { kind: "ledger", accountCode, period, bookId });
-}
-
-export interface TimeSeriesPoint {
-  label: string;
-  from: string;
-  to: string;
-  value: number;
-}
-
-export interface TimeSeriesInput {
-  bookId: string;
-  metric: TimeSeriesMetric;
-  granularity: TimeSeriesGranularity;
-  /** Inclusive YYYY-MM-DD lower bound. The first bucket is the one
-   *  CONTAINING this date — it can extend earlier. */
-  from: string;
-  /** Inclusive YYYY-MM-DD upper bound. The last bucket is the one
-   *  CONTAINING this date — it can extend later. */
-  to: string;
-  /** Required when metric === "accountBalance"; forbidden otherwise.
-   *  The server returns a 400 either way. */
-  accountCode?: string;
-}
-
-export interface TimeSeriesResult {
-  bookId: string;
-  metric: TimeSeriesMetric;
-  granularity: TimeSeriesGranularity;
-  from: string;
-  to: string;
-  accountCode?: string;
-  points: TimeSeriesPoint[];
-}
-
-export function getTimeSeries(input: TimeSeriesInput): Promise<ApiResult<TimeSeriesResult>> {
-  // Spread so the named interface is widened into a fresh object
-  // literal — `call()` takes `Record<string, unknown>` which a
-  // declared interface doesn't satisfy structurally in TS.
-  return call(ACCOUNTING_ACTIONS.getTimeSeries, { ...input });
-}
-
-// ── Admin ────────────────────────────────────────────────────────────
-
-export function rebuildSnapshots(bookId: string): Promise<ApiResult<{ bookId: string; rebuilt: string[] }>> {
-  return call(ACCOUNTING_ACTIONS.rebuildSnapshots, { bookId });
-}

package/src/plugins/accounting/components/AccountEditor.vue

@@ -1,250 +0,0 @@
-<template>
-  <!-- Inline editor used by AccountsModal both for "Edit" on an
-       existing row and per-section "+ Add" buttons. The parent
-       owns the open/closed state and the draft instance — this
-       component is dumb, but it runs realtime per-field validation
-       (red border) so the user gets feedback before clicking Save. -->
-  <form
-    class="flex flex-col gap-2 p-2 border border-blue-200 bg-blue-50/40 rounded text-sm"
-    :data-testid="isNew ? 'accounting-accounts-form-new' : `accounting-accounts-form-edit-${draft.code}`"
-    @submit.prevent="onSubmit"
-  >
-    <div class="flex flex-wrap gap-2">
-      <label class="text-xs text-gray-500 flex flex-col gap-1 w-28">
-        {{ t("pluginAccounting.accounts.columnCode") }}
-        <!-- New accounts: leading digit is fixed by type, so the
-             editable input is restricted to the trailing 3 digits.
-             The prefix span communicates the rule visually without
-             needing a separate help string. -->
-        <!-- The trailing-3-digit input has `outline-none bg-transparent`
-             so the prefix span and the editable digits read as one
-             pill. That removes the browser's default focus indicator,
-             so we surface it on the wrapper via `focus-within:ring-1`
-             — same shape as the name input below — to keep the field
-             keyboard-discoverable (#1115 review). -->
-        <div
-          v-if="isNew"
-          :class="[
-            'flex items-stretch h-8 rounded border bg-white text-sm font-mono overflow-hidden',
-            codeError ? 'border-red-500 ring-1 ring-red-500' : 'border-gray-300 focus-within:ring-1 focus-within:ring-blue-500',
-          ]"
-        >
-          <span
-            class="px-2 flex items-center bg-gray-100 text-gray-500 border-r border-gray-200 select-none"
-            data-testid="accounting-accounts-form-code-prefix"
-            >{{ codePrefix }}</span
-          >
-          <input
-            v-model="codeTrailing"
-            type="text"
-            inputmode="numeric"
-            maxlength="3"
-            pattern="\d{3}"
-            class="px-2 grow w-0 outline-none bg-transparent"
-            data-testid="accounting-accounts-form-code"
-            @input="codeTouched = true"
-          />
-        </div>
-        <!-- Edit: code is immutable, so we display the actual stored
-             value as a single disabled field rather than splitting
-             prefix + trailing (legacy non-4-digit codes would
-             otherwise be misrendered). -->
-        <input
-          v-else
-          v-model="local.code"
-          type="text"
-          disabled
-          class="h-8 px-2 rounded border border-gray-300 text-sm font-mono bg-gray-100 text-gray-500"
-          data-testid="accounting-accounts-form-code"
-        />
-      </label>
-      <label class="text-xs text-gray-500 flex flex-col gap-1 grow min-w-[10rem]">
-        {{ t("pluginAccounting.accounts.columnName") }}
-        <input
-          ref="nameInput"
-          v-model="local.name"
-          type="text"
-          :class="[
-            'h-8 px-2 rounded border text-sm focus:outline-none',
-            nameError ? 'border-red-500 ring-1 ring-red-500' : 'border-gray-300 focus:ring-1 focus:ring-blue-500',
-          ]"
-          data-testid="accounting-accounts-form-name"
-          @input="nameTouched = true"
-        />
-      </label>
-      <label class="text-xs text-gray-500 flex flex-col gap-1 w-32">
-        {{ t("pluginAccounting.accounts.columnType") }}
-        <!-- Type is locked in both modes:
-             - NEW: the per-category "+ Add" button already chose
-               it, and the suggested code is keyed off it.
-             - EDIT: the type is part of the account's identity (it
-               drives section placement, the code-prefix rule, and
-               report categorization); changing it after the fact
-               leads to surprising downstream effects. -->
-        <select
-          v-model="local.type"
-          class="h-8 px-2 rounded border border-gray-300 text-sm bg-white disabled:bg-gray-100 disabled:text-gray-500"
-          disabled
-          data-testid="accounting-accounts-form-type"
-        >
-          <option v-for="option in TYPE_OPTIONS" :key="option" :value="option">
-            {{ t(`pluginAccounting.accounts.typeOption.${option}`) }}
-          </option>
-        </select>
-      </label>
-    </div>
-    <label class="text-xs text-gray-500 flex flex-col gap-1">
-      <span
-        >{{ t("pluginAccounting.accounts.columnNote") }} <span class="text-gray-400">{{ t("pluginAccounting.accounts.noteOptional") }}</span></span
-      >
-      <input v-model="local.note" type="text" class="h-8 px-2 rounded border border-gray-300 text-sm" data-testid="accounting-accounts-form-note" />
-    </label>
-    <p v-if="!isNew" class="text-xs text-gray-400">{{ t("pluginAccounting.accounts.codeReadOnlyHint") }}</p>
-    <!-- Always rendered with min-h to reserve a single line of space
-         so the Save / Cancel buttons stay put as the message shows
-         and clears. Field error wins over a stale parent error. -->
-    <p class="text-xs text-red-500 min-h-[1rem]" data-testid="accounting-accounts-form-error">{{ fieldErrorMessage ?? error ?? "" }}</p>
-    <div class="flex justify-end gap-2">
-      <button
-        type="button"
-        class="h-8 px-2.5 rounded border border-gray-300 text-sm text-gray-600 hover:bg-gray-50"
-        data-testid="accounting-accounts-form-cancel"
-        @click="emit('cancel')"
-      >
-        {{ t("pluginAccounting.accounts.cancel") }}
-      </button>
-      <button
-        type="submit"
-        class="h-8 px-2.5 rounded bg-blue-600 hover:bg-blue-700 text-white text-sm disabled:opacity-50"
-        :disabled="busy"
-        data-testid="accounting-accounts-form-save"
-      >
-        {{ busy ? t("pluginAccounting.accounts.saving") : t("pluginAccounting.accounts.save") }}
-      </button>
-    </div>
-  </form>
-</template>
-
-<script setup lang="ts">
-import { computed, nextTick, onMounted, reactive, ref, watch } from "vue";
-import { useI18n } from "vue-i18n";
-import type { Account, AccountType } from "../api";
-import type { AccountDraft } from "./accountDraft";
-import { ACCOUNT_TYPE_PREFIX } from "./accountNumbering";
-import { validateCodeField, validateNameField, type AccountValidationError, type CodeValidationError, type NameValidationError } from "./accountValidation";
-
-const { t } = useI18n();
-
-const props = defineProps<{
-  draft: AccountDraft;
-  isNew: boolean;
-  busy: boolean;
-  error: string | null;
-  existingAccounts: readonly Account[];
-}>();
-const emit = defineEmits<{ save: [draft: AccountDraft]; cancel: [] }>();
-
-const TYPE_OPTIONS: readonly AccountType[] = ["asset", "liability", "equity", "income", "expense"];
-
-const VALIDATION_MESSAGE_KEYS: Record<AccountValidationError, string> = {
-  emptyCode: "pluginAccounting.accounts.errorEmptyCode",
-  reservedCode: "pluginAccounting.accounts.errorReservedCode",
-  invalidCodeFormat: "pluginAccounting.accounts.errorInvalidCodeFormat",
-  codeTypeMismatch: "pluginAccounting.accounts.errorCodeTypeMismatch",
-  emptyName: "pluginAccounting.accounts.errorEmptyName",
-  duplicateCode: "pluginAccounting.accounts.errorDuplicateCode",
-  duplicateName: "pluginAccounting.accounts.errorDuplicateName",
-};
-
-// Local copy so the parent's `draft` ref stays untouched until the
-// user clicks Save. Cancelling reverts cleanly because the parent
-// just discards its draft.
-const local = reactive<AccountDraft>({ ...props.draft });
-const nameInput = ref<HTMLInputElement | null>(null);
-
-// Track which fields the user has interacted with so we can suppress
-// "empty required" errors on a freshly-opened editor (the suggested
-// code is always valid, but a brand-new account starts with an empty
-// name — flashing red before the user has typed would be noise).
-// Format / collision errors fire immediately because they only
-// happen when the user has actually entered something.
-const codeTouched = ref(false);
-const nameTouched = ref(false);
-
-const codePrefix = computed(() => String(ACCOUNT_TYPE_PREFIX[local.type]));
-
-// Two-way binding for the trailing 3 digits. The full code
-// (`local.code`) remains the source of truth; the trailing slice is
-// derived. Non-digits and overflow are stripped on input so the
-// downstream validator only ever sees a clean 4-digit candidate.
-const codeTrailing = computed({
-  get: () => {
-    const { code } = local;
-    if (code.startsWith(codePrefix.value)) return code.slice(codePrefix.value.length);
-    return code;
-  },
-  set: (val: string) => {
-    const cleaned = val.replace(/\D/g, "").slice(0, 3);
-    local.code = codePrefix.value + cleaned;
-  },
-});
-
-const codeError = computed<CodeValidationError | null>(() => {
-  const result = validateCodeField(local, props.existingAccounts, props.isNew);
-  if (result === "emptyCode" && !codeTouched.value) return null;
-  return result;
-});
-
-const nameError = computed<NameValidationError | null>(() => {
-  const result = validateNameField(local, props.existingAccounts, props.isNew);
-  // For NEW accounts the empty-name field is invalid from the moment
-  // the editor opens — flag it red right away to communicate the
-  // requirement. For edits, the name is non-empty on open; only flag
-  // emptyName once the user has actively cleared it (post-touch).
-  if (result === "emptyName" && !nameTouched.value && !props.isNew) return null;
-  return result;
-});
-
-const fieldErrorMessage = computed<string | null>(() => {
-  const code = codeError.value;
-  if (code !== null) return t(VALIDATION_MESSAGE_KEYS[code]);
-  const name = nameError.value;
-  if (name !== null) return t(VALIDATION_MESSAGE_KEYS[name]);
-  return null;
-});
-
-// Re-sync when the parent swaps which account is being edited
-// (e.g. user clicks Edit on a different row without first
-// cancelling). Single watcher rather than per-field copy to keep
-// behaviour boringly predictable.
-watch(
-  () => props.draft,
-  (next) => {
-    local.code = next.code;
-    local.name = next.name;
-    local.type = next.type;
-    local.note = next.note;
-    codeTouched.value = false;
-    nameTouched.value = false;
-  },
-);
-
-onMounted(() => {
-  // Land the cursor in the field the user actually has to fill in:
-  //   - new accounts: code is suggested and type is locked, so
-  //     Name is the only non-decorative input.
-  //   - edits: code is disabled, type is rarely the reason for
-  //     editing — Name is still the most likely target. Keeping
-  //     focus consistent across new/edit avoids surprise.
-  void nextTick(() => nameInput.value?.focus());
-});
-
-function onSubmit(): void {
-  // Surface any latent empty-required errors that were suppressed
-  // pre-touch — clicking Save is intent enough to want the red
-  // border, even if the user never typed in the field.
-  codeTouched.value = true;
-  nameTouched.value = true;
-  emit("save", { code: local.code, name: local.name, type: local.type, note: local.note });
-}
-</script>

package/src/plugins/accounting/components/AccountRow.vue

@@ -1,50 +0,0 @@
-<template>
-  <!-- One row in the AccountsModal list. Read-only display + an
-       active checkbox (left column) and an Edit button (right) for
-       active rows. The editor itself is AccountEditor.vue, mounted
-       in place of this row by the parent when editing. -->
-  <div :class="['flex items-center gap-2 px-2 py-0.5 text-sm', inactive ? 'opacity-60' : '']" :data-testid="`accounting-accounts-row-${account.code}`">
-    <input
-      type="checkbox"
-      :checked="!inactive"
-      :title="inactive ? t('pluginAccounting.accounts.reactivate') : t('pluginAccounting.accounts.deactivate')"
-      :aria-label="inactive ? t('pluginAccounting.accounts.reactivate') : t('pluginAccounting.accounts.deactivate')"
-      class="h-4 w-4 shrink-0 cursor-pointer"
-      :data-testid="`accounting-accounts-toggle-${account.code}`"
-      @change="emit('toggleActive')"
-    />
-    <span class="font-mono text-xs text-gray-500 w-16 shrink-0">{{ account.code }}</span>
-    <span
-      :class="['grow min-w-0 truncate', inactive ? 'line-through' : '']"
-      :data-testid="inactive ? `accounting-accounts-inactive-${account.code}` : undefined"
-      >{{ account.name }}</span
-    >
-    <span v-if="account.note" class="text-xs text-gray-400 truncate max-w-[8rem]" :title="account.note">{{ account.note }}</span>
-    <!-- Always rendered (with `invisible` when inactive) so checking
-         and unchecking the active box doesn't shift the row width. -->
-    <button
-      type="button"
-      :class="['h-8 px-2.5 rounded text-sm text-blue-600 hover:bg-blue-50', inactive ? 'invisible' : '']"
-      :data-testid="`accounting-accounts-edit-${account.code}`"
-      :disabled="inactive"
-      :aria-hidden="inactive ? 'true' : undefined"
-      :tabindex="inactive ? -1 : undefined"
-      @click="emit('edit')"
-    >
-      {{ t("pluginAccounting.accounts.edit") }}
-    </button>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from "vue";
-import { useI18n } from "vue-i18n";
-import type { Account } from "../api";
-
-const { t } = useI18n();
-
-const props = defineProps<{ account: Account }>();
-const emit = defineEmits<{ edit: []; toggleActive: [] }>();
-
-const inactive = computed(() => props.account.active === false);
-</script>