issue-commander 0.1.0

package/README.md

@@ -0,0 +1,224 @@
+<p align="center">
+  <img src="issue-commander-logo.png" alt="Issue Commander" width="200" />
+</p>
+
+# Issue Commander
+
+**A two-pane manager for GitHub issues and pull requests**, in the tradition of the
+[orthodox file managers](https://en.wikipedia.org/wiki/Orthodox_file_manager) — Norton Commander,
+Total Commander, and Midnight Commander (`mc`). Point each pane at a
+**repository**, an **org-wide milestone**, or a **GitHub Project (V2)**, then triage with function
+keys (F3–F8) — the way you move files in a two-pane file manager. Everything stays scoped to one
+GitHub **organization**.
+
+```bash
+npx issue-commander --org your-org
+# → http://localhost:3000
+```
+
+<p align="center">
+  <img src="issue-commander-screenshot.png" alt="Issue Commander — a repository's issues beside its pull requests" width="900" />
+</p>
+
+---
+
+## Why
+
+GitHub shows one issue, in one repo, in one tab. Triaging across repos, a milestone, or a project
+board means constant clicking and context-switching. Issue Commander puts two panes side by side and
+drives every action from the keyboard, so you reorganize issues as fast as you move files in a
+two-pane file manager.
+
+## Requirements
+
+- **Node 20+**
+- **[GitHub CLI](https://cli.github.com/), authenticated.** The token comes from `gh auth token`
+  (falling back to `GITHUB_TOKEN` / `GH_TOKEN`); run `gh auth login` once. It needs the `repo`,
+  `read:org`, and `project` scopes.
+- **A target organization** — pass `--org <org>`, or set `IC_GITHUB_ORG` (or the legacy
+  `GITHUB_ORG`). There is no in-app org switch. See [Configuration](#configuration).
+
+```bash
+gh auth login
+npx issue-commander --org acme                  # serve on port 3000
+npx issue-commander --org acme --port 3002      # custom port
+IC_GITHUB_ORG=acme npx issue-commander          # via the environment instead of a flag
+```
+
+## The two panes
+
+Each pane points at a **source** and lists its rows in a dense, resizable table. You act **from** the
+active pane **onto** the other one: put the cursor on a row, press a function key, and it operates on
+whatever the opposite pane shows. Press **F6** on the left pane to move that issue into the right
+pane's project:
+
+| 🏁&nbsp; `milestone: 42` · **F1**  | 📋&nbsp; `Project: Q3 Roadmap` · **F2**    |
+| ---------------------------------- | ------------------------------------------ |
+| `#812  Fix flaky upload test`      | `#640  Onboarding revamp    ● Todo`        |
+| `#815  Login throttling`  ◀ cursor | `#641  Billing page         ● In Progress` |
+| `#820  Stripe webhook retry`       | `#655  Dark mode            ● Done`        |
+| `#828  Rate-limit headers`         | `#660  CSV export           ● Todo`        |
+
+### Sources a pane can show
+
+| Source         | What it lists                                                        | Last column |
+| -------------- | -------------------------------------------------------------------- | ----------- |
+| **Repository** | Issues (or pull requests) in one repo, via REST                      | Milestone   |
+| **Milestone**  | Issues with that milestone **title across every repo**, via Search   | Repo        |
+| **Project**    | Items on a Projects V2 board, with their **Status**, via GraphQL     | Repo        |
+| **Recent**     | Issues you're involved in, most-recently-updated first, via Search   | Repo        |
+
+### Issues or pull requests
+
+A repository pane carries an **Issues / Pull Requests** tab. Switch to pull requests and each row
+shows its **author**, **target branch**, and **merge status** — open, merged, or closed, marked by
+the row icon. Filter by state (**Open / Merged / Closed / All**), by **merge date** (today, this
+week, this month), by **target branch**, or by author. Pull-request rows are read-only here: open one
+on GitHub with `Enter`, or preview it with `F3`.
+
+### Columns in the issue view
+
+| Column               | Notes                                                                         |
+| -------------------- | ----------------------------------------------------------------------------- |
+| **#**                | Issue number and open/closed icon; click any header to **sort**               |
+| **Title**            | Double-click to open the issue on GitHub                                       |
+| **Assignee**         | Overlapping avatar stack, with a `+N` overflow                                 |
+| **Labels**           | GitHub colors, with a `+N` overflow                                            |
+| **Status**           | The issue's **Project Status** (Todo / In Progress / Done …); see note         |
+| **Repo / Milestone** | Contextual last column, set by the source                                      |
+
+> **Status on every pane.** Project panes read Status from the board. Repository, milestone, and
+> recent panes get it from a batched GraphQL lookup, so each issue shows its Project Status even when
+> the pane is not a project. The **default project** you pick in Settings decides which board it reads.
+
+## What you can do
+
+**Move issues between milestones.** Point the left pane at `milestone: 42` and the right at
+`milestone: 43`, highlight an issue, and press **F6**. It moves to milestone 43 and leaves the left
+pane. Milestones match **org-wide by title**, so this works across every repo.
+
+**Copy or move between projects.** Point one pane at a Projects V2 board. **F5** copies the
+highlighted issue onto that board (an issue can belong to many projects); **F6** moves it between
+boards, adding it to the target before removing it from the source, so membership is never lost. A
+cross-repo move runs a real `transferIssue` — new number, old URL redirects — behind a confirm dialog.
+
+**Act on many at once.** **Ins** marks a row (yellow) and advances the cursor, so `Ins Ins Ins`
+selects a run. Then **F5 / F6 / F8** (copy / move / close) or **F7** (edit state, assignee, labels,
+milestone, status, type) act on the whole selection — concurrency-limited and optimistic, with a
+per-row spinner and per-row rollback on failure.
+
+**Create and preview fast.** **Alt+Enter** opens a new-issue form in the sibling pane, pre-filled
+from the active pane's source and your saved defaults. **F3** previews the highlighted row in the
+opposite pane (see below). **Ctrl+U** opens an inline assignee picker on the row itself.
+
+**Load lazily.** Lists page in on demand and background-preload the next page every few seconds until
+fully loaded, keeping the previous rows on screen so a pane never flashes empty. The preview
+prefetches the cursor's ticket so it opens instantly, and option lists (assignees, labels, projects)
+persist in `localStorage`.
+
+## Preview (F3)
+
+**F3** previews the highlighted row in the opposite pane and follows the cursor. For an **issue** you
+get the rendered Markdown description (images included), the comments, and its parent, sub-issues, and
+linked pull requests. For a **pull request** you also get its stats — commits, changed files,
+additions and deletions, and the branch flow — with no code diff.
+
+Any issue or pull request linked by URL in the body or comments appears under **Mentioned Issues**.
+Every related row — parent, sub-issue, linked, or mentioned — expands inline from its chevron to
+reveal that ticket's full description, without leaving the pane or opening a dialog.
+
+## Keyboard
+
+| Key                 | Action                                                                |
+| ------------------- | --------------------------------------------------------------------- |
+| `Tab`               | Switch the active pane                                                 |
+| `↑ ↓` · `PgUp/PgDn` | Move the cursor (±1 / ±10)                                             |
+| `Enter`             | Open the row on GitHub                                                 |
+| `Ins`               | Select the row and advance                                            |
+| `F1` / `F2`         | Choose the source for the left / right pane                           |
+| `F3`                | Preview in the other pane                                             |
+| `F4`                | Edit the description inline, in the other pane                        |
+| `F5`                | Copy to the other pane's project                                      |
+| `F6`                | Move to the other pane's source                                       |
+| `F7` / `Space`      | Edit fields (state, assignee, labels, milestone, status, type)        |
+| `F8`                | Close the issue(s)                                                    |
+| `Ctrl+U`            | Quick-assign on the highlighted row                                  |
+| `Alt+Enter`         | New issue, in the sibling pane                                        |
+| `Esc`               | Close the preview or dialog                                           |
+
+Every write is **optimistic**: the UI updates at once and rolls back with a toast if the call fails.
+
+## Settings
+
+The **⚙** button stores your **default repository, milestone, and project** in `localStorage`. These
+pre-fill new issues and choose which board's **Status** you see and edit across non-project panes.
+Seed them for everyone with `--repo` / `--milestone` / `--project` (see [Configuration](#configuration));
+the dialog then overrides that seed per browser.
+
+## Configuration
+
+Issue Commander is configured from the command line or the environment. **Flags win over
+environment variables**, and the `IC_`-prefixed variables win over the legacy names.
+
+### Command-line flags
+
+| Flag                  | Sets                                                                     |
+| --------------------- | ------------------------------------------------------------------------ |
+| `--org <org>`         | GitHub organization to manage (**required**)                             |
+| `--repo <name>`       | Default repository — pre-fills new issues and picks the Status board     |
+| `--milestone <title>` | Default org-wide milestone                                               |
+| `--project <number>`  | Default Projects V2 number                                               |
+| `--port <port>`       | Port to serve on (default `3000`)                                        |
+| `-h`, `--help`        | Show usage and exit                                                      |
+
+### Environment variables
+
+| Variable                    | Same as       | Notes                                        |
+| --------------------------- | ------------- | -------------------------------------------- |
+| `IC_GITHUB_ORG`             | `--org`       | Preferred; prefixed to avoid clashes         |
+| `GITHUB_ORG`                | `--org`       | Legacy name, still supported                 |
+| `IC_DEFAULT_REPO`           | `--repo`      |                                              |
+| `IC_DEFAULT_MILESTONE`      | `--milestone` |                                              |
+| `IC_DEFAULT_PROJECT`        | `--project`   | A project number                             |
+| `PORT`                      | `--port`      |                                              |
+| `GITHUB_TOKEN` / `GH_TOKEN` | —             | Token fallback when `gh` is not authenticated |
+
+The three **defaults** seed the app on first run and the in-app **Settings** dialog overrides them.
+Flags apply to the `npx` launcher; when running from source (`pnpm dev`), set the environment
+variables (in your shell or `.env.local`) instead.
+
+```bash
+# Simplest — one flag
+npx issue-commander --org acme
+
+# With defaults, on a custom port
+npx issue-commander --org acme --repo web --milestone "Q3 Roadmap" --project 12 --port 3002
+
+# Everything through the environment (e.g. a container or CI)
+export IC_GITHUB_ORG=acme
+export IC_DEFAULT_REPO=web
+export IC_DEFAULT_MILESTONE="Q3 Roadmap"
+npx issue-commander
+```
+
+## Development
+
+```bash
+git clone … && cd issue-commander
+pnpm install
+echo "GITHUB_ORG=your-org" > .env.local
+pnpm dev                 # webpack dev server on :3002
+pnpm build && pnpm start
+pnpm lint
+pnpm exec tsc --noEmit
+```
+
+> `pnpm dev` runs `next dev --webpack` **on purpose**. Next 16's Turbopack dev hot-reloader leaks an
+> async-hooks map and crashes under heavy octokit churn; `build` and `start` are unaffected.
+
+Built with Next.js 16 (App Router), React Query, Zustand, Tailwind v4, shadcn/ui, Base UI, and octokit
+(REST + GraphQL). See [`CLAUDE.md`](./CLAUDE.md) for the full architecture.
+
+## License
+
+MIT

package/bin/issue-commander.js

@@ -0,0 +1,103 @@
+#!/usr/bin/env node
+"use strict";
+
+// Launcher for `npx issue-commander`. Serves the prebuilt Next.js app (the published
+// package ships a built `.next`); if run from source without a build, it builds first.
+//
+// Configuration resolves from CLI flags, then IC_-prefixed env vars, then legacy env vars.
+// Flags are normalized into IC_* env vars that the server reads at runtime.
+const { spawnSync } = require("node:child_process");
+const { existsSync } = require("node:fs");
+const path = require("node:path");
+
+const root = path.join(__dirname, "..");
+
+// Parse `--key=value` and `--key value` (and bare `--flag`). Unknown keys are ignored.
+function parseArgs(argv) {
+  const out = {};
+  for (let i = 0; i < argv.length; i++) {
+    const arg = argv[i];
+    if (arg === "-h") {
+      out.help = "true";
+      continue;
+    }
+    if (!arg.startsWith("--")) continue;
+    let key = arg.slice(2);
+    let value;
+    const eq = key.indexOf("=");
+    if (eq >= 0) {
+      value = key.slice(eq + 1);
+      key = key.slice(0, eq);
+    } else if (i + 1 < argv.length && !argv[i + 1].startsWith("--")) {
+      value = argv[++i];
+    } else {
+      value = "true";
+    }
+    out[key] = value;
+  }
+  return out;
+}
+
+function printHelp() {
+  console.log(`
+  Issue Commander — a two-pane manager for GitHub issues and pull requests
+
+  Usage:
+    npx issue-commander --org <org> [options]
+
+  Options:
+    --org <org>          GitHub organization to manage
+                         (env: IC_GITHUB_ORG, or legacy GITHUB_ORG)
+    --repo <name>        Default repository — pre-fills new issues and picks the Status board
+                         (env: IC_DEFAULT_REPO)
+    --milestone <title>  Default org-wide milestone            (env: IC_DEFAULT_MILESTONE)
+    --project <number>   Default Projects V2 number            (env: IC_DEFAULT_PROJECT)
+    --port <port>        Port to serve on (default 3000)        (env: PORT)
+    -h, --help           Show this help
+
+  Auth: the server reads a token from \`gh auth token\` (run \`gh auth login\` once),
+  falling back to GITHUB_TOKEN / GH_TOKEN.
+`);
+}
+
+function next(args) {
+  const bin = require.resolve("next/dist/bin/next");
+  return spawnSync(process.execPath, [bin, ...args], { cwd: root, stdio: "inherit", env: process.env });
+}
+
+const args = parseArgs(process.argv.slice(2));
+
+if (args.help) {
+  printHelp();
+  process.exit(0);
+}
+
+// Org: --org > IC_GITHUB_ORG > GITHUB_ORG.
+const org = String(args.org || process.env.IC_GITHUB_ORG || process.env.GITHUB_ORG || "").trim();
+if (!org) {
+  console.error("\n  issue-commander needs the GitHub organization it should manage.\n");
+  console.error("  Usage:   npx issue-commander --org <your-org>");
+  console.error("           IC_GITHUB_ORG=<your-org> npx issue-commander\n");
+  console.error("  It reads a token from the GitHub CLI, so first run:  gh auth login");
+  console.error("  (or set GITHUB_TOKEN / GH_TOKEN).  See --help for all options.\n");
+  process.exit(1);
+}
+
+// Normalize flags into the IC_* env vars the server reads at runtime.
+process.env.IC_GITHUB_ORG = org;
+if (args.repo) process.env.IC_DEFAULT_REPO = String(args.repo);
+if (args.milestone) process.env.IC_DEFAULT_MILESTONE = String(args.milestone);
+if (args.project) process.env.IC_DEFAULT_PROJECT = String(args.project);
+const port = String(args.port || process.env.PORT || "3000");
+process.env.PORT = port;
+
+// Build only when running from source without an existing build (published builds ship `.next`).
+if (!existsSync(path.join(root, ".next", "BUILD_ID"))) {
+  console.log("  Building Issue Commander (first run)…");
+  const built = next(["build"]);
+  if (built.status) process.exit(built.status);
+}
+
+console.log(`\n  Issue Commander → http://localhost:${port}   (org: @${org})\n`);
+const server = next(["start", "--port", port]);
+process.exit(server.status || 0);

package/next.config.ts

@@ -0,0 +1,13 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  // Pin the workspace root to this project so Turbopack doesn't pick a parent
+  // lockfile (there are other lockfiles higher up the tree).
+  turbopack: {
+    root: __dirname,
+  },
+  // Allow accessing the dev server (and its HMR endpoint) via these hosts.
+  allowedDevOrigins: ["127.0.0.1", "localhost", "192.168.31.222"],
+};
+
+export default nextConfig;

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "issue-commander",
+  "version": "0.1.0",
+  "description": "A Total Commander–style two-pane manager for GitHub issues — triage across repositories, org-wide milestones, and Projects with function keys.",
+  "keywords": [
+    "github",
+    "issues",
+    "projects",
+    "milestones",
+    "triage",
+    "total-commander",
+    "two-pane",
+    "cli"
+  ],
+  "license": "MIT",
+  "author": "DavertMik",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DavertMik/issue-commander.git"
+  },
+  "homepage": "https://github.com/DavertMik/issue-commander#readme",
+  "bugs": "https://github.com/DavertMik/issue-commander/issues",
+  "publishConfig": {
+    "access": "public"
+  },
+  "bin": {
+    "issue-commander": "bin/issue-commander.js"
+  },
+  "files": [
+    "bin",
+    ".next",
+    "!.next/dev",
+    "!.next/cache",
+    "public",
+    "next.config.ts"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "dev": "next dev --webpack",
+    "dev:turbo": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint",
+    "prepublishOnly": "next build"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "@tanstack/react-query": "^5.101.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^1.21.0",
+    "next": "16.2.9",
+    "next-themes": "^0.4.6",
+    "octokit": "^5.0.5",
+    "radix-ui": "^1.6.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-markdown": "^10.1.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.1",
+    "shadcn": "^4.11.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.6.0",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "zod": "^4.4.3",
+    "zustand": "^5.0.14"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.2.9",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}

package/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>