Function renderFormPanel

scripts/hsr/widget-view.mjs:305–335

(state, handlers, layoutMode)

}

function renderFormPanel(state, handlers, layoutMode) {
  const notesRows = layoutMode === "full" ? 4 : 2;
  return ui.box(
    {
      title: "Persistent Form State",
      border: "rounded",
      px: 1,
      py: 0,
      style: { fg: palette.ink, bg: palette.panel },
    },
    [
      ui.column({ gap: 1 }, [
        ui.text("Name", { variant: "caption", style: { fg: palette.muted } }),
        ui.input({
          id: "name",
          value: state.name,
          onInput: (value) => handlers.onNameInput(value),
          style: { fg: palette.ink, bg: palette.panelAlt },
        }),
        ui.text("Notes", { variant: "caption", style: { fg: palette.muted } }),
        ui.textarea({
          id: "notes",
          value: state.notes,
          onInput: (value) => handlers.onNotesInput(value),
          rows: notesRows,
          style: { fg: palette.ink, bg: palette.panelAlt },
        }),
      ]),
    ],
  );
}

function renderRunbookPanel() {
  return ui.box(