Ctrl K
ComunidadGuías…

mockups/issue_new.html

Rama main · réplica de lectura del repositorio original.

Archivo original ↗Preguntar a KiBot
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>New issue · mkappworks/cloudzilla — Cloudzilla</title>
<link rel="stylesheet" href="/assets/tailwind.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Geist:wght@400;500;600&display=swap" rel="stylesheet" />
</head>
<body class="min-h-screen flex flex-col antialiased font-sans">
<a href="#main-content" class="skip-link">Skip to main content</a>

<div id="cz-header" data-repo-tab="issues"></div>
<main id="main-content" tabindex="-1" class="max-w-[1400px] mx-auto px-6 pt-6 pb-20 flex-1 w-full">
  <div class="space-y-6">

    <section aria-labelledby="new-title">
      <p class="font-mono text-[11px] text-muted-foreground uppercase tracking-wider mb-2">
          <a href="repo.html" class="hover:underline">cloudzilla</a>
          <span aria-hidden="true">·</span>
          <a href="issues.html" class="hover:underline">Issues</a>
          <span aria-hidden="true">·</span>
          New
        </p>
      <h1 id="new-title" class="text-2xl font-semibold tracking-tight">Open a new issue</h1>
      <p class="mt-1 text-[13px] text-muted-foreground">Describe the bug, request, or task — the more context, the faster it gets triaged.</p>
    </section>

    <div class="flex flex-wrap gap-2" role="group" aria-label="Issue templates">
          <a href="issue_new.html" class="inline-flex items-center px-3 h-8 rounded-md border border-border bg-card text-[13px] font-medium hover:bg-muted/50 transition">Bug report</a>
          <a href="issue_new.html" class="inline-flex items-center px-3 h-8 rounded-md border border-border bg-card text-[13px] font-medium hover:bg-muted/50 transition">Feature request</a>
          <a href="issue_new.html" class="inline-flex items-center px-3 h-8 rounded-md border border-border bg-card text-[13px] font-medium hover:bg-muted/50 transition">Question</a>
          <a href="issue_new.html" class="inline-flex items-center px-3 h-8 rounded-md border border-border bg-card text-[13px] text-muted-foreground hover:bg-muted/50 transition">Blank issue</a>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-[1fr_280px] gap-8">
      <section aria-labelledby="composer" class="rounded-md border border-border bg-card p-6">
        <h2 id="composer" class="text-[13px] font-medium mb-4">Compose</h2>
        <form id="issue-new-form" onsubmit="location.href='issue_detail.html';return false" class="space-y-5">
          <div class="space-y-1.5">
            <label for="title" class="block text-sm font-medium">Title</label>
            <input id="title" name="title" type="text" required autofocus placeholder="Short summary of the issue" class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"/>
          </div>

          <div class="space-y-1.5">
            <label for="body" class="block text-sm font-medium">Description</label>
            <div class="rounded-md border border-border bg-card overflow-hidden">
              <div class="md-editor" data-md-editor>
        <div class="flex items-center gap-2 border-b border-border px-3">
          <div role="tablist" aria-label="Editor mode" class="flex">
            <button type="button" role="tab" data-md-tab="write" aria-selected="true" class="px-3 py-2 text-[13px] border-b-2 border-foreground text-foreground font-medium -mb-px">Write</button>
            <button type="button" role="tab" data-md-tab="preview" aria-selected="false" class="px-3 py-2 text-[13px] border-b-2 border-transparent text-muted-foreground hover:text-foreground -mb-px">Preview</button>
          </div>
          <div class="ml-auto flex items-center gap-0.5 text-muted-foreground" aria-label="Formatting">
          <button type="button" data-md-action="bold" aria-label="Bold" class="h-7 w-7 grid place-items-center rounded-sm hover:bg-accent hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6zM6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z"></path></svg>
          </button>
          <button type="button" data-md-action="italic" aria-label="Italic" class="h-7 w-7 grid place-items-center rounded-sm hover:bg-accent hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><line x1="19" y1="4" x2="10" y2="4"></line><line x1="14" y1="20" x2="5" y2="20"></line><line x1="15" y1="4" x2="9" y2="20"></line></svg>
          </button>
          <button type="button" data-md-action="code" aria-label="Code" class="h-7 w-7 grid place-items-center rounded-sm hover:bg-accent hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>
          </button>
          <button type="button" data-md-action="link" aria-label="Insert link" class="h-7 w-7 grid place-items-center rounded-sm hover:bg-accent hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M10 13a5 5 0 007.07 0l3-3a5 5 0 00-7.07-7.07l-1 1"></path><path d="M14 11a5 5 0 00-7.07 0l-3 3a5 5 0 007.07 7.07l1-1"></path></svg>
          </button>
          </div>
        </div>
        <div data-md-pane="write">
          <label for="body" class="sr-only">Describe the issue. Markdown supported.</label>
          <textarea id="body" name="body" rows="12" placeholder="Describe the issue. Markdown supported." style="height:288px" class="w-full px-3 py-3 text-[13px] font-mono leading-relaxed bg-transparent resize-none focus:outline-hidden placeholder:text-muted-foreground"></textarea>
        </div>
        <div data-md-pane="preview" style="height:288px" class="hidden px-4 py-3 prose prose-sm dark:prose-invert max-w-none overflow-y-auto"><p class="text-muted-foreground">Nothing to preview.</p></div>
      </div>
            </div>
            <p class="text-[11px] text-muted-foreground">Markdown is supported. <kbd class="font-mono text-[10px] px-1 py-0.5 bg-muted border border-border rounded-sm">@</kbd> mentions notify users; <kbd class="font-mono text-[10px] px-1 py-0.5 bg-muted border border-border rounded-sm">#</kbd> links issues/PRs.</p>
          </div>

          <div class="flex items-center gap-2">
            <input type="checkbox" id="visibility_private" name="visibility" value="private" class="h-4 w-4 shrink-0 rounded-sm border border-input bg-transparent accent-ring checked:bg-ring checked:border-ring disabled:cursor-not-allowed disabled:opacity-50"/>
            <label for="visibility_private" class="text-sm cursor-pointer">Private issue <span class="text-muted-foreground">(visible only to collaborators with write access)</span></label>
          </div>

          <div class="flex items-center gap-3 pt-2">
            <button type="submit" class="inline-flex items-center justify-center gap-1.5 rounded-md font-medium transition-colors h-9 px-4 text-sm bg-success text-success-foreground hover:bg-success/90">
              Submit new issue
            </button>
            <a href="issues.html" class="text-sm text-muted-foreground hover:underline">Cancel</a>
          </div>
        </form>
      </section>

      <aside class="space-y-6 text-[12.5px]" aria-label="Issue metadata">

        <section data-meta>
          <div class="space-y-2">
            <div class="flex items-center justify-between">
              <h3 class="text-[12px] font-medium text-muted-foreground">Assignees</h3>
              <div class="relative">
                <button type="button" data-menu-btn aria-expanded="false" aria-haspopup="menu" aria-label="Edit assignees" class="text-muted-foreground hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 113 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
          </button>
                <div data-menu-panel hidden role="menu" aria-label="Assign people" class="absolute right-0 top-full mt-1.5 z-50 w-56 rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1">
                  <div class="px-2 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">Assign people</div>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="malith" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" aria-hidden="true">M</span>
              <span class="flex-1 truncate">malith</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="yumi" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" aria-hidden="true">Y</span>
              <span class="flex-1 truncate">yumi</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="daisy" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" aria-hidden="true">D</span>
              <span class="flex-1 truncate">daisy</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
                  <div role="separator" class="my-1 h-px bg-border"></div>
                  <a href="settings.html" role="menuitem" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0" aria-hidden="true" focusable="false"><path d="M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2"></path><circle cx="11" cy="7" r="4"></circle><line x1="19" y1="8" x2="19" y2="14"></line><line x1="22" y1="11" x2="16" y2="11"></line></svg>
                    Invite a collaborator
                  </a>
                </div>
              </div>
            </div>
            <div class="space-y-1">
          <div data-entry="malith" hidden class="flex items-center gap-2 text-[13px]">
            <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" aria-hidden="true">M</span>
            <a href="profile.html" class="font-medium hover:underline truncate">malith</a>
          </div>
          <div data-entry="yumi" hidden class="flex items-center gap-2 text-[13px]">
            <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" aria-hidden="true">Y</span>
            <a href="profile.html" class="font-medium hover:underline truncate">yumi</a>
          </div>
          <div data-entry="daisy" hidden class="flex items-center gap-2 text-[13px]">
            <span class="inline-grid place-items-center rounded-full bg-muted border border-border font-medium text-muted-foreground h-6 w-6 text-[10px]" aria-hidden="true">D</span>
            <a href="profile.html" class="font-medium hover:underline truncate">daisy</a>
          </div>
              <span data-empty class="text-xs text-muted-foreground">No one assigned</span>
            </div>
          </div>
        </section>

        <section data-meta class="border-t border-border pt-6">
          <div class="space-y-2">
            <div class="flex items-center justify-between">
              <h3 class="text-[12px] font-medium text-muted-foreground">Labels</h3>
              <div class="relative">
                <button type="button" data-menu-btn aria-expanded="false" aria-haspopup="menu" aria-label="Edit labels" class="text-muted-foreground hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 113 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
          </button>
                <div data-menu-panel hidden role="menu" aria-label="Apply labels" class="absolute right-0 top-full mt-1.5 z-50 w-56 rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1 max-h-72 overflow-y-auto">
                  <div class="px-2 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">Apply labels</div>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="bug" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2.5 w-2.5 rounded-full inline-block shrink-0" style="background-color: #ef4444"></span>
              <span class="flex-1 truncate">bug</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="security" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2.5 w-2.5 rounded-full inline-block shrink-0" style="background-color: #f59e0b"></span>
              <span class="flex-1 truncate">security</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="enhancement" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2.5 w-2.5 rounded-full inline-block shrink-0" style="background-color: #22c55e"></span>
              <span class="flex-1 truncate">enhancement</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="performance" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2.5 w-2.5 rounded-full inline-block shrink-0" style="background-color: #3b82f6"></span>
              <span class="flex-1 truncate">performance</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="documentation" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2.5 w-2.5 rounded-full inline-block shrink-0" style="background-color: #06b6d4"></span>
              <span class="flex-1 truncate">documentation</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
                  <div role="separator" class="my-1 h-px bg-border"></div>
                  <a href="settings.html" role="menuitem" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0" aria-hidden="true" focusable="false"><path d="M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>
                    Create a new label
                  </a>
                </div>
              </div>
            </div>
            <div class="flex flex-wrap gap-1">
          <span data-entry="bug" hidden class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#f15757;--label-fg:#1f2328;--label-border:#d44d4d;--label-dark-bg:#ef44442e;--label-dark-border:#ef444466;--label-dark-fg:#f26969">bug</span>
          <span data-entry="security" hidden class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#f59e0b;--label-fg:#1f2328;--label-border:#d88b0a;--label-dark-bg:#f59e0b2e;--label-dark-border:#f59e0b66;--label-dark-fg:#f59e0b">security</span>
          <span data-entry="enhancement" hidden class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#22c55e;--label-fg:#1f2328;--label-border:#1ead53;--label-dark-bg:#22c55e2e;--label-dark-border:#22c55e66;--label-dark-fg:#22c55e">enhancement</span>
          <span data-entry="performance" hidden class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#4588f6;--label-fg:#1f2328;--label-border:#3d78d8;--label-dark-bg:#3b82f62e;--label-dark-border:#3b82f666;--label-dark-fg:#5895f7">performance</span>
          <span data-entry="documentation" hidden class="inline-block max-w-full truncate align-middle rounded-full border px-2 py-px text-[11px] leading-4 font-medium border-(color:--label-border) bg-(color:--label-bg) text-(color:--label-fg) dark:border-(color:--label-dark-border) dark:bg-(color:--label-dark-bg) dark:text-(color:--label-dark-fg)" style="--label-bg:#06b6d4;--label-fg:#1f2328;--label-border:#05a0bb;--label-dark-bg:#06b6d42e;--label-dark-border:#06b6d466;--label-dark-fg:#06b6d4">documentation</span>
              <span data-empty class="text-xs text-muted-foreground">None yet</span>
            </div>
          </div>
        </section>

        <section data-meta class="border-t border-border pt-6">
          <div class="space-y-2">
            <div class="flex items-center justify-between">
              <h3 class="text-[12px] font-medium text-muted-foreground">Priority</h3>
              <div class="relative">
                <button type="button" data-menu-btn aria-expanded="false" aria-haspopup="menu" aria-label="Set priority" class="text-muted-foreground hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 113 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
          </button>
                <div data-menu-panel hidden role="menu" aria-label="Set priority" class="absolute right-0 top-full mt-1.5 z-50 w-56 rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1">
                  <div class="px-2 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">Set priority</div>
            <button type="button" role="menuitemradio" aria-checked="false" data-key="P0" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2 w-2 rounded-full inline-block shrink-0 bg-destructive"></span>
              <span class="flex-1 truncate">P0 · Critical</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemradio" aria-checked="false" data-key="P1" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2 w-2 rounded-full inline-block shrink-0 bg-blue-500"></span>
              <span class="flex-1 truncate">P1 · High</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemradio" aria-checked="false" data-key="P2" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2 w-2 rounded-full inline-block shrink-0 bg-warning"></span>
              <span class="flex-1 truncate">P2 · Medium</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemradio" aria-checked="false" data-key="P3" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2 w-2 rounded-full inline-block shrink-0 bg-muted-foreground"></span>
              <span class="flex-1 truncate">P3 · Low</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
                  <div role="separator" class="my-1 h-px bg-border"></div>
                  <button type="button" role="menuitemradio" aria-checked="false" data-key="none" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
                    No priority
                  </button>
                </div>
              </div>
            </div>
        <span data-entry="P0" hidden class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-medium border bg-destructive/10 text-destructive border-destructive/30">P0</span>
        <span data-entry="P1" hidden class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-medium border bg-blue-500/10 text-blue-500 border-blue-500/30">P1</span>
        <span data-entry="P2" hidden class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-medium border bg-warning/10 text-warning border-warning/30">P2</span>
        <span data-entry="P3" hidden class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-medium border bg-muted text-muted-foreground border-border">P3</span>
            <span data-empty class="text-xs text-muted-foreground">No priority</span>
          </div>
        </section>

        <section data-meta class="border-t border-border pt-6">
          <div class="space-y-2">
            <div class="flex items-center justify-between">
              <h3 class="text-[12px] font-medium text-muted-foreground">Milestone</h3>
              <div class="relative">
                <button type="button" data-menu-btn aria-expanded="false" aria-haspopup="menu" aria-label="Set milestone" class="text-muted-foreground hover:text-foreground">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 113 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
          </button>
                <div data-menu-panel hidden role="menu" aria-label="Set milestone" class="absolute right-0 top-full mt-1.5 z-50 w-56 rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1 max-h-72 overflow-y-auto">
                  <div class="px-2 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">Set milestone</div>
            <button type="button" role="menuitemradio" aria-checked="false" data-key="m1" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2 w-2 rounded-full inline-block shrink-0 bg-success"></span>
              <span class="flex-1 truncate">v1.0 release</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemradio" aria-checked="false" data-key="m2" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <span class="h-2 w-2 rounded-full inline-block shrink-0 bg-success"></span>
              <span class="flex-1 truncate">v1.1 hardening</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
                  <div role="separator" class="my-1 h-px bg-border"></div>
                  <button type="button" role="menuitemradio" aria-checked="false" data-key="none" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
                    No milestone
                  </button>
                  <a href="milestone_new.html" role="menuitem" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" class="shrink-0" aria-hidden="true" focusable="false"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg>
                    New milestone
                  </a>
                </div>
              </div>
            </div>
        <div data-entry="m1" hidden class="text-sm">
          <a href="milestone_detail.html" class="font-medium text-foreground hover:underline">v1.0 release</a>
          <div class="mt-1">
            <div class="w-full bg-muted rounded-full h-1">
              <div class="bg-success h-1 rounded-full" style="width: 68%"></div>
            </div>
            <p class="text-xs text-muted-foreground mt-0.5">34/50 closed</p>
          </div>
        </div>
        <div data-entry="m2" hidden class="text-sm">
          <a href="milestone_detail.html" class="font-medium text-foreground hover:underline">v1.1 hardening</a>
          <div class="mt-1">
            <div class="w-full bg-muted rounded-full h-1">
              <div class="bg-success h-1 rounded-full" style="width: 22%"></div>
            </div>
            <p class="text-xs text-muted-foreground mt-0.5">8/36 closed</p>
          </div>
        </div>
            <span data-empty class="text-xs text-muted-foreground">No milestone</span>
          </div>
        </section>

        <section data-meta class="border-t border-border pt-6">
          <div class="space-y-2">
            <div class="flex items-center justify-between">
              <h3 class="text-[12px] font-medium text-muted-foreground">Linked pull requests</h3>
              <div class="relative">
                <button type="button" data-menu-btn aria-expanded="false" aria-haspopup="menu" aria-label="Link a pull request" class="text-muted-foreground hover:text-foreground">
                  <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"></circle><path d="M12 8v8M8 12h8"></path></svg>
                </button>
                <div data-menu-panel hidden role="menu" aria-label="Link a pull request" class="absolute right-0 top-full mt-1.5 z-50 w-64 rounded-md border border-border bg-popover text-popover-foreground shadow-md p-1 max-h-72 overflow-y-auto">
                  <div class="px-2 pt-1 pb-0.5 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">Link a pull request</div>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="350" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 text-success" aria-hidden="true" focusable="false"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 009 9"></path></svg>
              <span class="flex-1 truncate"><span class="font-mono text-muted-foreground">#350</span> Harden SSH host key handling</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="361" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 text-success" aria-hidden="true" focusable="false"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 009 9"></path></svg>
              <span class="flex-1 truncate"><span class="font-mono text-muted-foreground">#361</span> Document known_hosts remediation</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
            <button type="button" role="menuitemcheckbox" aria-checked="false" data-key="137" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
              <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 text-[hsl(270_70%_70%)]" aria-hidden="true" focusable="false"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 009 9"></path></svg>
              <span class="flex-1 truncate"><span class="font-mono text-muted-foreground">#137</span> Flush SSH pack writes in bounded chunks</span>
              <svg data-check hidden width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="shrink-0 text-success" aria-hidden="true" focusable="false"><polyline points="20 6 9 17 4 12"></polyline></svg>
            </button>
                  <div role="separator" class="my-1 h-px bg-border"></div>
                  <a href="pulls.html" role="menuitem" class="flex w-full items-center gap-2 px-2.5 py-1.5 rounded-md text-left text-[13px] text-muted-foreground hover:bg-accent hover:text-foreground">
                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0" aria-hidden="true" focusable="false"><line x1="6" y1="3" x2="6" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 01-9 9"></path></svg>
                    Browse pull requests
                  </a>
                </div>
              </div>
            </div>
            <ul class="space-y-1.5 text-[13px]">
          <li data-entry="350" hidden class="flex items-center gap-2">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 text-success" aria-hidden="true" focusable="false"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 009 9"></path></svg>
            <a href="pr.html" class="hover:underline truncate">
              <span class="font-mono text-muted-foreground">#350</span>
              Harden SSH host key handling
            </a>
          </li>
          <li data-entry="361" hidden class="flex items-center gap-2">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 text-success" aria-hidden="true" focusable="false"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 009 9"></path></svg>
            <a href="pr.html" class="hover:underline truncate">
              <span class="font-mono text-muted-foreground">#361</span>
              Document known_hosts remediation
            </a>
          </li>
          <li data-entry="137" hidden class="flex items-center gap-2">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 text-[hsl(270_70%_70%)]" aria-hidden="true" focusable="false"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 009 9"></path></svg>
            <a href="pr.html" class="hover:underline truncate">
              <span class="font-mono text-muted-foreground">#137</span>
              Flush SSH pack writes in bounded chunks
            </a>
          </li>
            </ul>
            <p data-empty class="text-xs text-muted-foreground">No linked PRs yet.</p>
          </div>
        </section>


      </aside>
    </div>
  </div>
</main>

<div id="cz-footer"></div>
<script src="shell.js"></script>
<script>
(function () {
  var ON = ['border-foreground', 'text-foreground', 'font-medium'];
  var OFF = ['border-transparent', 'text-muted-foreground', 'hover:text-foreground'];
  function mode(ed, m) {
    ed.querySelectorAll('[data-md-tab]').forEach(function (t) {
      var on = t.dataset.mdTab === m;
      ON.forEach(function (c) { t.classList.toggle(c, on); });
      OFF.forEach(function (c) { t.classList.toggle(c, !on); });
      t.setAttribute('aria-selected', String(on));
    });
    var ta = ed.querySelector('textarea');
    var pv = ed.querySelector('[data-md-pane="preview"]');
    ed.querySelector('[data-md-pane="write"]').classList.toggle('hidden', m !== 'write');
    pv.classList.toggle('hidden', m !== 'preview');
    if (m === 'preview') pv.textContent = ta.value.trim() || 'Nothing to preview.';
  }
  var PAIRS = { bold: ['**', '**'], italic: ['*', '*'], code: ['`', '`'], link: ['[', '](url)'] };
  document.addEventListener('click', function (e) {
    var tab = e.target.closest('[data-md-tab]');
    if (tab) return mode(tab.closest('[data-md-editor]'), tab.dataset.mdTab);
    var act = e.target.closest('[data-md-action]');
    if (!act) return;
    var ta = act.closest('[data-md-editor]').querySelector('textarea');
    var p = PAIRS[act.dataset.mdAction], s = ta.selectionStart, en = ta.selectionEnd;
    ta.setRangeText(p[0] + ta.value.slice(s, en) + p[1], s, en, 'end');
    ta.focus();
  });
})();
</script>
<script>
(function () {
  function closeAll(except) {
    document.querySelectorAll('[data-menu-panel]').forEach(function (p) { if (p !== except) p.hidden = true; });
    document.querySelectorAll('[data-menu-btn]').forEach(function (b) {
      b.setAttribute('aria-expanded', String(!!except && except.previousElementSibling === b && !except.hidden));
    });
  }
  document.addEventListener('click', function (e) {
    var btn = e.target.closest('[data-menu-btn]');
    if (btn) {
      var panel = btn.nextElementSibling;
      var open = panel.hidden;
      closeAll();
      panel.hidden = !open;
      btn.setAttribute('aria-expanded', String(open));
      return;
    }
    var item = e.target.closest('[data-menu-panel] [data-key]');
    if (item) {
      var panel2 = item.closest('[data-menu-panel]');
      var section = panel2.closest('[data-meta]');
      var key = item.dataset.key;
      var radio = item.getAttribute('role') === 'menuitemradio';
      var on = radio ? true : item.getAttribute('aria-checked') !== 'true';
      if (radio) {
        panel2.querySelectorAll('[data-key]').forEach(function (it) {
          var sel = it === item && key !== 'none';
          it.setAttribute('aria-checked', String(sel));
          var c = it.querySelector('[data-check]');
          if (c) c.hidden = !sel;
        });
        section.querySelectorAll('[data-entry]').forEach(function (en) { en.hidden = en.dataset.entry !== key; });
      } else {
        item.setAttribute('aria-checked', String(on));
        item.querySelector('[data-check]').hidden = !on;
        var entry = section.querySelector('[data-entry="' + key + '"]');
        if (entry) entry.hidden = !on;
      }
      var empty = section.querySelector('[data-empty]');
      if (empty) empty.hidden = Array.prototype.some.call(section.querySelectorAll('[data-entry]'), function (en) { return !en.hidden; });
      if (radio) closeAll();
      return;
    }
    if (!e.target.closest('[data-menu-panel]')) closeAll();
  });
  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeAll(); });
})();
</script>
</body>
</html>