paseo-bm-plugin 0.0.0-placeholder.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 hieu.nt10 (hieunt286)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,53 @@
+# paseo-bm-plugin — the paseo-bm payload
+
+This package is the **plugin payload** of [paseo-bm](https://github.com/hieunt286/paseo-bm): the
+screens it contributes to [Paseo](https://paseo.sh) and the instructions its three agent roles run
+on. Loading it gives you **Metric** (what each request did and cost), **Beads** (the workspace's
+beads) and **Setup** (tools, skills and role instructions).
+
+![The Beads screen: totals, progress, filters and the bead list](images/01-beads-screen.jpg)
+
+## Install paseo-bm with `npx paseo-bm`
+
+```bash
+npx paseo-bm
+```
+
+That is the supported install, and it is what you want. The installer copies this payload to a
+stable path, registers it with the Paseo daemon, **registers the three agent roles** `bm-manager`,
+`bm-worker` and `bm-reviewer`, and asks for the consent those roles need.
+
+## Limitations of installing this package directly
+
+You can point Paseo at this payload on its own:
+
+```bash
+# Paseo 0.9 and newer — npm source
+paseo plugin add npm:paseo-bm-plugin@<version>
+
+# Paseo 0.8 — Git source; 0.8 has no npm source type
+paseo plugin add hieunt286/paseo-bm --ref <commit> --path plugin
+```
+
+Either way the plugin **loads and the screens appear, but the three agent roles are missing**,
+because the installer registers them, not the payload. Without those roles the Beads Manager cannot
+create a Worker, so the product does not work end to end. Use `npx paseo-bm` instead.
+
+Everything else worth knowing before you install — what paseo-bm writes on your machine, that Paseo
+plugins run without a sandbox, and that the Worker runs without permission prompts — is in
+[GUIDE.md](https://github.com/hieunt286/paseo-bm/blob/main/GUIDE.md#before-you-install-read-these-warnings).
+
+## Versions
+
+This package always carries the same version as the `paseo-bm` CLI, published from the same commit
+in the same release.
+
+## Documentation
+
+- [Repository and README](https://github.com/hieunt286/paseo-bm#readme)
+- [GUIDE.md](https://github.com/hieunt286/paseo-bm/blob/main/GUIDE.md) — requirements, install options, the screens, commands, exit codes, troubleshooting
+- [Guided tour](https://paseo-bm.erai.pro)
+
+## License
+
+MIT, see [LICENSE](LICENSE).

package/client/agent-tree.ts

@@ -0,0 +1,308 @@
+/**
+ * Logic behind the "Beads agents" workspace panel (WP-113, design §2.2, §5, §8,
+ * REQ-025a, REQ-032d). Pure: no React, no React Native, no JSX, so it is
+ * testable without a renderer. `tree.tsx` renders from it.
+ *
+ * Paseo 0.8 facts this is built on (checked against @getpaseo/plugin 0.8.0
+ * `dist/client/contracts.d.ts`, not guessed):
+ * - `addWorkspacePanel({ id, title, icon, context: "workspace", Component })`;
+ *   the component receives `workspaceId` directly (unlike a surface), plus
+ *   `theme`, `layout` and the optional `navigation.openAgent`.
+ *
+ * Read-only by design (ADR-005): the panel lists and opens agents. It offers no
+ * way to stop, archive or delete one.
+ */
+import type { PluginTheme } from "@getpaseo/plugin";
+import type { AgentNode, RoleDescriptor } from "../shared/contracts";
+import { errorCodeOf, errorMessageOf, type NoticeTone } from "./launch-manager";
+
+/** Workspace panel id. */
+export const AGENT_TREE_PANEL_ID = "beads-agents";
+
+/** Lucide icon name (lucide.dev/icons/list-tree). */
+export const AGENT_TREE_ICON = "ListTree";
+
+/**
+ * How often the panel re-reads `agents.list`. The design says the tree is
+ * polled (§2.4) but fixes no interval; this value is a placeholder pending an
+ * owner decision (see the WP-113 panel report).
+ */
+export const AGENT_TREE_POLL_MS = 5000;
+
+// ---------------------------------------------------------------------------
+// Tree building.
+// ---------------------------------------------------------------------------
+
+export interface AgentTreeNode {
+  agent: AgentNode;
+  children: AgentTreeNode[];
+}
+
+export interface AgentTree {
+  /** Roots whose role is `manager`, each with its descendants. */
+  managers: AgentTreeNode[];
+  /**
+   * Every other root: an orphaned Worker or Reviewer (its Manager deleted or
+   * archived) or an unlabeled root agent. Shown in a separate branch, never hidden.
+   */
+  withoutManager: AgentTreeNode[];
+}
+
+/**
+ * Builds the tree from the flat `agents.list` output, keeping its order.
+ *
+ * Defensive beyond the contract: a `parentId` that names no listed agent, or
+ * that would close a cycle, makes the agent a root instead of dropping it, and
+ * a duplicated id is shown once.
+ */
+export function buildAgentTree(agents: readonly AgentNode[]): AgentTree {
+  const byId = new Map<string, AgentNode>();
+  for (const agent of agents) if (!byId.has(agent.id)) byId.set(agent.id, agent);
+
+  // An agent is a root when its parent chain does not reach a listed agent
+  // without looping back to itself.
+  const parentOf = (agent: AgentNode): string | null => {
+    const parentId = agent.parentId;
+    if (parentId === null || parentId === agent.id || !byId.has(parentId)) return null;
+    const seen = new Set<string>([agent.id]);
+    for (let cursor: string | null = parentId; cursor !== null; ) {
+      if (seen.has(cursor)) return null;
+      seen.add(cursor);
+      const next: AgentNode | undefined = byId.get(cursor);
+      cursor = next && next.parentId !== null && byId.has(next.parentId) ? next.parentId : null;
+    }
+    return parentId;
+  };
+
+  const childrenOf = new Map<string, AgentNode[]>();
+  const roots: AgentNode[] = [];
+  for (const agent of byId.values()) {
+    const parentId = parentOf(agent);
+    if (parentId === null) roots.push(agent);
+    else childrenOf.set(parentId, [...(childrenOf.get(parentId) ?? []), agent]);
+  }
+
+  const toNode = (agent: AgentNode): AgentTreeNode => ({
+    agent,
+    children: (childrenOf.get(agent.id) ?? []).map(toNode),
+  });
+
+  return {
+    managers: roots.filter((agent) => agent.role === "manager").map(toNode),
+    withoutManager: roots.filter((agent) => agent.role !== "manager").map(toNode),
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Rows the panel renders.
+// ---------------------------------------------------------------------------
+
+export interface AgentRow {
+  agentId: string;
+  depth: number;
+  roleLabel: string;
+  /** Title, or a placeholder when the agent has none. */
+  label: string;
+  status: string;
+  statusTone: StatusTone;
+  /** Screen-reader text for the row's open action. */
+  accessibilityLabel: string;
+}
+
+export interface AgentSection {
+  key: "managers" | "without-manager";
+  title: string;
+  rows: AgentRow[];
+}
+
+export type StatusTone = "success" | "accent" | "muted" | "warning" | "danger";
+
+const ROLE_LABELS: Record<AgentNode["role"], string> = {
+  manager: "Manager",
+  worker: "Worker",
+  reviewer: "Reviewer",
+  unknown: "Unknown role",
+};
+
+export function roleLabel(role: string): string {
+  return role in ROLE_LABELS ? ROLE_LABELS[role as AgentNode["role"]] : ROLE_LABELS.unknown;
+}
+
+/** Tone for a Paseo agent status (`initializing | idle | running | error | closed`). */
+export function statusTone(status: string): StatusTone {
+  switch (status) {
+    case "running":
+      return "accent";
+    case "idle":
+      return "success";
+    case "initializing":
+      return "warning";
+    case "error":
+      return "danger";
+    default:
+      return "muted";
+  }
+}
+
+function agentLabel(agent: AgentNode): string {
+  const title = agent.title?.trim();
+  return title ? title : `Untitled agent (${agent.id})`;
+}
+
+/**
+ * The role text of a row: `Manager`, or `Manager · no label` for a paseo-bm
+ * agent with no valid `bm.role` label — started outside Beads Manager and
+ * recognised by its provider (delta 20260918g §4.4). An `Unknown role` row
+ * already says as much, so it gets no mark. An agent a fallback agent took
+ * over from reads `· replaced by <id>`, whatever its role (delta 20260921 §4.4.8).
+ */
+export function rowRoleLabel(agent: Pick<AgentNode, "role" | "labelled"> & { replacedBy?: string | null }): string {
+  const role = roleLabel(agent.role);
+  const label = agent.labelled === false && agent.role !== "unknown" ? `${role} · no label` : role;
+  return agent.replacedBy ? `${label} · replaced by ${agent.replacedBy}` : label;
+}
+
+function flatten(nodes: readonly AgentTreeNode[], depth: number, out: AgentRow[]): AgentRow[] {
+  for (const { agent, children } of nodes) {
+    const label = agentLabel(agent);
+    const role = rowRoleLabel(agent);
+    out.push({
+      agentId: agent.id,
+      depth,
+      roleLabel: role,
+      label,
+      status: agent.status,
+      statusTone: statusTone(agent.status),
+      accessibilityLabel: `Open ${role} ${label}, status ${agent.status}`,
+    });
+    flatten(children, depth + 1, out);
+  }
+  return out;
+}
+
+/** Sections in display order; a section with no rows is omitted. */
+export function agentSections(tree: AgentTree): AgentSection[] {
+  const sections: AgentSection[] = [
+    { key: "managers", title: "Managers", rows: flatten(tree.managers, 0, []) },
+    { key: "without-manager", title: "Without a Manager", rows: flatten(tree.withoutManager, 0, []) },
+  ];
+  return sections.filter((section) => section.rows.length > 0);
+}
+
+export const EMPTY_AGENTS_TEXT =
+  "No Beads agents in this workspace yet. Open Beads Manager to start one.";
+
+// ---------------------------------------------------------------------------
+// Role configuration (roles.describe).
+// ---------------------------------------------------------------------------
+
+export interface RoleConfigRow {
+  role: string;
+  fields: Array<{ label: string; value: string }>;
+}
+
+const ROLE_ORDER: Record<string, number> = { manager: 0, worker: 1, reviewer: 2 };
+
+export function roleConfigRows(roles: readonly RoleDescriptor[]): RoleConfigRow[] {
+  return [...roles]
+    .sort((a, b) => (ROLE_ORDER[a.role] ?? 9) - (ROLE_ORDER[b.role] ?? 9))
+    .map((descriptor) => ({
+      role: roleLabel(descriptor.role),
+      fields: [
+        { label: "Provider", value: descriptor.provider || "(not set)" },
+        { label: "Model", value: descriptor.model || "(provider default)" },
+        { label: "Paseo tools", value: descriptor.paseoTools ? "Granted" : "Not granted" },
+        { label: "Instructions", value: descriptor.instructionsPath },
+      ],
+    }));
+}
+
+export const NO_ROLES_TEXT =
+  "No role configuration found: paseo-bm is not installed on this host, or its roles are not registered with Paseo. Run `npx paseo-bm doctor`.";
+
+// ---------------------------------------------------------------------------
+// Errors.
+// ---------------------------------------------------------------------------
+
+/** Error line for a failed RPC, with its registry code when the server sent one. */
+export function loadErrorText(what: string, error: unknown): string {
+  const code = errorCodeOf(error);
+  const message = errorMessageOf(error);
+  return code ? `Could not load ${what} (${code}). ${message}` : `Could not load ${what}. ${message}`;
+}
+
+// ---------------------------------------------------------------------------
+// Presentation: styles from theme.colors only.
+// ---------------------------------------------------------------------------
+
+export function treeToneColor(theme: PluginTheme, tone: StatusTone | NoticeTone): string {
+  switch (tone) {
+    case "success":
+      return theme.colors.statusSuccess;
+    case "accent":
+      return theme.colors.accent;
+    case "muted":
+      return theme.colors.foregroundMuted;
+    case "warning":
+      return theme.colors.statusWarning;
+    case "danger":
+      return theme.colors.statusDanger;
+  }
+}
+
+/** Horizontal indent of a tree row per depth level. */
+export function indentFor(depth: number, compact: boolean): number {
+  return depth * (compact ? 12 : 20);
+}
+
+export function treeStyles(theme: PluginTheme, compact: boolean) {
+  return {
+    screen: { flex: 1, backgroundColor: theme.colors.surface0 },
+    content: { padding: compact ? 12 : 20, gap: compact ? 8 : 12 },
+    heading: { color: theme.colors.foreground, fontSize: compact ? 16 : 18, fontWeight: "600" as const },
+    sectionTitle: { color: theme.colors.foregroundMuted, fontSize: 12, fontWeight: "600" as const },
+    body: { color: theme.colors.foregroundMuted, fontSize: 13 },
+    notice: { fontSize: 13 },
+    row: {
+      flexDirection: compact ? ("column" as const) : ("row" as const),
+      alignItems: compact ? ("flex-start" as const) : ("center" as const),
+      justifyContent: "space-between" as const,
+      gap: compact ? 2 : 12,
+      paddingVertical: compact ? 8 : 10,
+      paddingHorizontal: compact ? 10 : 12,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: theme.colors.border,
+      backgroundColor: theme.colors.surface1,
+    },
+    rowPressed: { backgroundColor: theme.colors.surface2 },
+    rowTitle: { color: theme.colors.foreground, fontSize: 14 },
+    rowRole: { color: theme.colors.foregroundMuted, fontSize: 12 },
+    rowStatus: { fontSize: 12 },
+    card: {
+      gap: 4,
+      padding: compact ? 10 : 12,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: theme.colors.border,
+      backgroundColor: theme.colors.surface1,
+    },
+    field: {
+      flexDirection: compact ? ("column" as const) : ("row" as const),
+      gap: compact ? 0 : 8,
+    },
+    fieldLabel: { color: theme.colors.foregroundMuted, fontSize: 12, minWidth: compact ? 0 : 96 },
+    fieldValue: { color: theme.colors.foreground, fontSize: 12, flexShrink: 1 },
+    button: {
+      alignSelf: "flex-start" as const,
+      paddingVertical: 6,
+      paddingHorizontal: 12,
+      borderRadius: 6,
+      backgroundColor: theme.colors.accent,
+    },
+    buttonText: { color: theme.colors.accentForeground, fontSize: 13 },
+    spinner: { color: theme.colors.foregroundMuted },
+  };
+}
+
+export type TreeStyles = ReturnType<typeof treeStyles>;

package/client/answer-state.ts

@@ -0,0 +1,62 @@
+/**
+ * What this app session knows about answers sent from chat cards (delta
+ * 20260918d-card-replies §4.9, REQ-059 k).
+ *
+ * A report can be drawn twice at once — in the chat and in a waiting pill's
+ * popover — and the chat list may unmount a card while scrolling, so this
+ * cannot live in a card's own state. Every copy subscribes here and redraws
+ * when any copy writes. Nothing is kept across a reload: marks that must
+ * survive one go to the install home (`answers.mark`).
+ *
+ * No React here: `chat-card.tsx` reads it through `useSyncExternalStore`.
+ */
+
+/** Answers sent from a card: when, the short summary, and to whom. */
+export interface AnsweredRecord {
+  at: Date;
+  summary: string;
+  to: string;
+}
+
+const answered = new Map<string, AnsweredRecord>();
+const replied = new Map<string, Date>();
+const listeners = new Set<() => void>();
+let version = 0;
+
+function notify(): void {
+  version += 1;
+  for (const listener of [...listeners]) listener();
+}
+
+/** The answers sent from the card with this `answeredKey`, or null. */
+export function answeredRecord(key: string): AnsweredRecord | null {
+  return answered.get(key) ?? null;
+}
+
+export function setAnswered(key: string, record: AnsweredRecord): void {
+  answered.set(key, record);
+  notify();
+}
+
+/** When a reply last went out from the card with this `answeredKey`, or null. */
+export function repliedAt(key: string): Date | null {
+  return replied.get(key) ?? null;
+}
+
+export function setReplied(key: string, at: Date): void {
+  replied.set(key, at);
+  notify();
+}
+
+/** Calls `listener` after every write; returns the unsubscribe. */
+export function subscribeAnswers(listener: () => void): () => void {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+/** Changes on every write: the snapshot `useSyncExternalStore` compares. */
+export function answersVersion(): number {
+  return version;
+}

package/client/bead-chips.tsx

@@ -0,0 +1,147 @@
+/**
+ * Beads named in a chat, as chips that open the bead in place
+ * (owner request 2026-09-16: "click vào mã beads ... xem đc nội dung").
+ *
+ * `BeadChips` sits inside a chat card; `ChatBeadsPanel` is the agent panel
+ * that lists every bead the chat named recently, for messages Paseo shows as
+ * plain text. Client rules: React Native primitives only, colours from the
+ * theme.
+ */
+import { type PluginAgentPanelProps, useRpc } from "@getpaseo/plugin/client";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+import { ActivityIndicator, Pressable, ScrollView, Text, View } from "react-native";
+import { beadsLookupRpc, chatBeadsRpc, type BeadRow } from "../shared/contracts";
+import { BeadDetailPanel } from "./beads-screen";
+import { beadChipText, formatClock, statusBadge } from "./beads-model";
+import { beadChipsView } from "./chat-cards";
+import { dashboardStyles, toneColor } from "./dashboard-model";
+import { errorMessageOf } from "./launch-manager";
+import { BeadRowCard, Chip, beadTitleStyle, type Styles, type Theme } from "./ui";
+
+/**
+ * Chips for the ids a message names; only ids the bead store has are shown.
+ * All candidates are looked up first; then two chips, and a "…" chip for the
+ * rest found (delta 20260918f F10).
+ */
+export function BeadChips({
+  workspaceId,
+  ids,
+  expanded,
+  onExpand,
+  styles,
+  theme,
+}: {
+  workspaceId: string;
+  ids: readonly string[];
+  expanded: boolean;
+  onExpand: () => void;
+  styles: Styles;
+  theme: Theme;
+}) {
+  const lookup = useRpc(beadsLookupRpc);
+  const found = useQuery({
+    queryKey: ["paseo-bm", "bead-lookup", workspaceId, ids.join(" ")],
+    queryFn: () => lookup({ workspaceId, ids: ids.slice(0, 100) }),
+    enabled: ids.length > 0,
+    staleTime: 30_000,
+  });
+  const [openId, setOpenId] = useState<string | null>(null);
+  const beads = found.data?.beads ?? [];
+  const view = beadChipsView(beads, expanded);
+  if (view.shown.length === 0) return null;
+  const open = beads.find((bead) => bead.id === openId);
+  return (
+    <View style={{ gap: 6 }}>
+      <View style={styles.chipRow}>
+        {view.shown.map((bead) => (
+          <Chip
+            key={bead.id}
+            badge={{ text: beadChipText(bead), tone: statusBadge(bead).tone }}
+            selected={bead.id === openId}
+            onPress={() => setOpenId(bead.id === openId ? null : bead.id)}
+            styles={styles}
+            theme={theme}
+          />
+        ))}
+      </View>
+      {open === undefined ? null : <BeadInline workspaceId={workspaceId} bead={open} styles={styles} theme={theme} />}
+      {/* Two chips, then "…" on the next line for the rest (delta 20260918d §4.7). */}
+      {view.hidden === 0 ? null : (
+        <View style={styles.chipRow}>
+          <Pressable accessibilityRole="button" accessibilityLabel={`Show all ${beads.length} beads`} onPress={onExpand}>
+            <Chip badge={{ text: "…", tone: "muted" }} styles={styles} theme={theme} />
+          </Pressable>
+        </View>
+      )}
+    </View>
+  );
+}
+
+function BeadInline({ workspaceId, bead, styles, theme }: { workspaceId: string; bead: BeadRow; styles: Styles; theme: Theme }) {
+  return (
+    <View style={[styles.card, { backgroundColor: theme.colors.surface0, gap: 2 }]}>
+      <Text style={beadTitleStyle(styles, theme, null)}>{bead.title ?? "(untitled)"}</Text>
+      <Text style={[styles.body, { fontSize: 12 }]} selectable>
+        {`${bead.id} · ${statusBadge(bead).text}`}
+      </Text>
+      <BeadDetailPanel workspaceId={workspaceId} bead={bead} styles={styles} theme={theme} />
+    </View>
+  );
+}
+
+/** Agent panel: the beads this chat named recently, newest mention first. */
+export function ChatBeadsPanel({ theme, layout, workspaceId, agentId }: PluginAgentPanelProps) {
+  const styles = useMemo(() => dashboardStyles(theme, layout.compact), [theme, layout.compact]);
+  const list = useRpc(chatBeadsRpc);
+  const beads = useQuery({
+    queryKey: ["paseo-bm", "chat-beads", workspaceId, agentId],
+    queryFn: () => list({ workspaceId, agentId }),
+    refetchInterval: 15_000,
+  });
+  const [openId, setOpenId] = useState<string | null>(null);
+  const rows = beads.data?.beads ?? [];
+  return (
+    <ScrollView style={styles.screen} contentContainerStyle={styles.content}>
+      <View style={{ flexDirection: "row", alignItems: "center", gap: 8 }}>
+        <Text style={[styles.sectionTitle, { flex: 1 }]}>Beads in this chat</Text>
+        <Pressable accessibilityRole="button" onPress={() => void beads.refetch()} style={styles.secondaryButton}>
+          <Text style={styles.secondaryButtonText}>Refresh</Text>
+        </Pressable>
+      </View>
+      {beads.isPending ? <ActivityIndicator color={styles.spinner.color} /> : null}
+      {beads.isError ? <Text style={[styles.body, { color: toneColor(theme, "danger") }]}>{errorMessageOf(beads.error)}</Text> : null}
+      {beads.data !== undefined && rows.length === 0 ? (
+        <Text style={styles.body}>No bead of this workspace is named in the recent messages of this chat.</Text>
+      ) : null}
+      {rows.map(({ bead, mentions, lastMentionedAt }) => {
+        const open = bead.id === openId;
+        return (
+          <BeadRowCard
+            key={bead.id}
+            bead={bead}
+            open={open}
+            onToggle={() => setOpenId(open ? null : bead.id)}
+            styles={styles}
+            theme={theme}
+            meta={
+              <View style={{ flexDirection: "row", alignItems: "center", gap: 8, flexWrap: "wrap", marginTop: 2 }}>
+                <Text style={[styles.body, { fontSize: 12 }]} selectable>
+                  {bead.id}
+                </Text>
+                <Text style={[styles.body, { fontSize: 12, flex: 1 }]}>
+                  {`${mentions}× in chat${lastMentionedAt === null ? "" : ` · last ${formatClock(lastMentionedAt)}`}`}
+                </Text>
+                <Chip badge={statusBadge(bead)} styles={styles} theme={theme} />
+              </View>
+            }
+            detail={<BeadDetailPanel workspaceId={workspaceId} bead={bead} styles={styles} theme={theme} />}
+          />
+        );
+      })}
+      {beads.data === undefined ? null : (
+        <Text style={[styles.body, { fontSize: 11 }]}>{`Read from the last ${beads.data.scannedItems} items of this chat.`}</Text>
+      )}
+    </ScrollView>
+  );
+}