Nomos

Your resident operator. Ask about the fleet, or tell it to act.

{#each suggestions as q} {/each}

{/if} {#each $messages as msg, i (msg.id)}

{#if msg.role === 'user'}

{msg.text}

{:else}

{#each getInlineTools(msg) as tool (tool.id)} {@const renderer = getToolRenderer(tool)} {#if renderer} {/if} {/each} {#if msg.text}

{@html render(msg.text)}

{/if} {#if msg.pendingApprovals.length > 0} {/if}

{/if}

{/each} e.status === 'running') ?? null} error={$error} />

{#if $connectionState === 'disconnected'}

{:else if $connectionState === 'reconnecting'}

{/if} {#if $error}

{$error}

{/if} {#each $chatErrors as err (err.id)}

{err.message} {#if err.action} {/if}

{/each}

{ e.preventDefault() submit() }} >

{#if $streaming}
          <Button type="button" size="icon" variant="destructive" onclick={cancelStream} aria-label="Stop">
            <SquareIcon />
          </Button>
        {:else}
          <Button type="submit" size="icon" disabled={!input.trim()} aria-label="Send">
            <ArrowUpIcon />
          </Button>
        {/if}
      </form>
    </div>
  </div>

{#if showRail}
    <div class="hidden shrink-0 xl:flex" style="width: {railWidth}px">
      <button
        type="button"
        class="group/rz relative w-1.5 shrink-0 cursor-col-resize touch-none"
        onpointerdown={startResize}
        aria-label="Resize task panel"
      >
        <span
          class="absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors {resizing
            ? 'bg-primary/60'
            : 'bg-border group-hover/rz:bg-primary/50'}"
        ></span>
      </button>
      <div class="flex min-w-0 flex-1 flex-col">
        <TaskContextPanel />
      </div>
    </div>
  {/if}
</div>