@gxp-dev/mod-ui 2.0.0

package/dist/components/compositions/elements/code/GitCodeEditor.vue2.js

@@ -0,0 +1,276 @@
+import { defineComponent as O, ref as i, watch as g, computed as E, onMounted as P, openBlock as s, createBlock as h, unref as l, normalizeClass as j, withCtx as c, createVNode as r, createElementVNode as b, createElementBlock as B, toDisplayString as L, createCommentVNode as _, Fragment as H, renderList as I, createTextVNode as J } from "vue";
+import { GitBranch as K, Loader2 as q, Save as Q } from "lucide-vue-next";
+import "../../../ui/button/index.js";
+import "../../../ui/card/index.js";
+import W from "../../../ui/field-frame/FieldFrame.vue.js";
+import X from "../../../ui/input/Input.vue.js";
+import Y from "../../../ui/select/Select.vue.js";
+import Z from "../../../ui/select/SelectContent.vue.js";
+import "@vueuse/core";
+import "reka-ui";
+import { cn as ee } from "../../../../lib/utils.js";
+import ae from "../../../ui/select/SelectItem.vue.js";
+import te from "../../../ui/select/SelectTrigger.vue.js";
+import le from "../../../ui/select/SelectValue.vue.js";
+import oe from "../../../ui/textarea/Textarea.vue.js";
+import ne from "../../../ui/card/Card.vue.js";
+import ie from "../../../ui/card/CardHeader.vue.js";
+import re from "../../../ui/button/Button.vue.js";
+import de from "../../../ui/card/CardContent.vue.js";
+const ue = { class: "flex flex-wrap items-center gap-2" }, se = {
+  key: 0,
+  class: "flex items-center gap-1.5 rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground",
+  "data-testid": "git-code-editor-repository"
+}, ce = {
+  class: "min-w-40",
+  "data-testid": "git-code-editor-branch-wrapper"
+}, fe = {
+  key: 0,
+  class: "text-[10px] uppercase tracking-wide text-muted-foreground",
+  "data-testid": "git-code-editor-language"
+}, me = {
+  key: 0,
+  class: "flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground",
+  "data-testid": "git-code-editor-loading"
+}, ze = /* @__PURE__ */ O({
+  __name: "GitCodeEditor",
+  props: {
+    repository: {},
+    branch: {},
+    path: {},
+    modelValue: {},
+    onLoadBranches: {},
+    onLoadFile: {},
+    onSaveFile: {},
+    language: { default: "plaintext" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    label: { default: "Git Code Editor" },
+    hideLabel: { type: Boolean },
+    name: {},
+    id: {},
+    helpText: {},
+    errors: { default: () => [] },
+    classList: {}
+  },
+  emits: ["update:modelValue", "update:branch", "update:path", "update:language"],
+  setup(o, { expose: z, emit: T }) {
+    const t = o, m = T, f = i(t.modelValue ?? ""), n = i(t.branch ?? ""), d = i(t.path ?? ""), v = i(t.language ?? "plaintext");
+    g(
+      () => t.modelValue,
+      (e) => {
+        e !== void 0 && e !== f.value && (f.value = e);
+      }
+    ), g(
+      () => t.branch,
+      (e) => {
+        e !== void 0 && e !== n.value && (n.value = e);
+      }
+    ), g(
+      () => t.path,
+      (e) => {
+        e !== void 0 && e !== d.value && (d.value = e);
+      }
+    ), g(
+      () => t.language,
+      (e) => {
+        e !== void 0 && e !== v.value && (v.value = e);
+      }
+    );
+    function N(e) {
+      const a = e ?? "";
+      f.value = a, m("update:modelValue", a);
+    }
+    function A(e) {
+      n.value = e, m("update:branch", e);
+    }
+    function G(e) {
+      const a = e === void 0 ? "" : String(e);
+      d.value = a, m("update:path", a);
+    }
+    const w = i([]), V = i(!1), F = i(null);
+    async function R() {
+      if (t.onLoadBranches) {
+        V.value = !0, F.value = null;
+        try {
+          const e = await t.onLoadBranches();
+          w.value = Array.isArray(e) ? e : [];
+        } catch (e) {
+          F.value = e instanceof Error ? e.message : String(e), w.value = [];
+        } finally {
+          V.value = !1;
+        }
+      }
+    }
+    const y = i(!1), x = i(null);
+    let S = 0;
+    async function $() {
+      if (!t.onLoadFile || !d.value || !n.value)
+        return;
+      const e = ++S;
+      y.value = !0, x.value = null;
+      try {
+        const a = await t.onLoadFile(d.value, n.value);
+        if (e !== S)
+          return;
+        const u = (a == null ? void 0 : a.content) ?? "";
+        f.value = u, m("update:modelValue", u), a != null && a.language && (v.value = a.language, m("update:language", a.language));
+      } catch (a) {
+        if (e !== S)
+          return;
+        x.value = a instanceof Error ? a.message : String(a);
+      } finally {
+        e === S && (y.value = !1);
+      }
+    }
+    g([n, d], () => {
+      $();
+    });
+    const p = i(!1), k = i(null);
+    async function C() {
+      if (t.onSaveFile && !(!d.value || !n.value)) {
+        p.value = !0, k.value = null;
+        try {
+          await t.onSaveFile(d.value, n.value, f.value);
+        } catch (e) {
+          k.value = e instanceof Error ? e.message : String(e);
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    const U = E(() => {
+      const e = new Set(w.value);
+      return n.value && e.add(n.value), Array.from(e);
+    }), D = E(() => {
+      const e = [...t.errors ?? []];
+      return x.value && e.push(x.value), k.value && e.push(k.value), e;
+    }), M = E(() => !!t.onSaveFile);
+    return P(() => {
+      R(), $();
+    }), z({ reload: $, save: C }), (e, a) => (s(), h(l(W), {
+      label: o.label,
+      required: o.required,
+      "hide-label": o.hideLabel,
+      for: o.id,
+      "help-text": o.helpText,
+      errors: D.value,
+      class: j(l(ee)(t.classList))
+    }, {
+      default: c(() => [
+        r(l(ne), {
+          "data-element-name": t.name ?? void 0,
+          "data-testid": "git-code-editor"
+        }, {
+          default: c(() => [
+            r(l(ie), { class: "flex flex-col gap-2 border-b py-3" }, {
+              default: c(() => [
+                b("div", ue, [
+                  t.repository ? (s(), B("div", se, [
+                    r(l(K), { class: "size-3.5" }),
+                    b("span", null, L(t.repository), 1)
+                  ])) : _("", !0),
+                  b("div", ce, [
+                    r(l(Y), {
+                      "model-value": n.value,
+                      disabled: o.disabled || o.readonly || V.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (u) => A(String(u ?? "")))
+                    }, {
+                      default: c(() => [
+                        r(l(te), {
+                          "data-testid": "git-code-editor-branch-trigger",
+                          "aria-label": "Branch"
+                        }, {
+                          default: c(() => [
+                            r(l(le), { placeholder: "Select branch" })
+                          ]),
+                          _: 1
+                        }),
+                        r(l(Z), null, {
+                          default: c(() => [
+                            (s(!0), B(H, null, I(U.value, (u) => (s(), h(l(ae), {
+                              key: u,
+                              value: u,
+                              "data-testid": `git-code-editor-branch-${u}`
+                            }, {
+                              default: c(() => [
+                                J(L(u), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["value", "data-testid"]))), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["model-value", "disabled"])
+                  ]),
+                  r(l(X), {
+                    "model-value": d.value,
+                    placeholder: "path/to/file",
+                    class: "flex-1 min-w-48",
+                    disabled: o.disabled || o.readonly,
+                    "data-testid": "git-code-editor-path-input",
+                    "onUpdate:modelValue": G
+                  }, null, 8, ["model-value", "disabled"]),
+                  M.value ? (s(), h(l(re), {
+                    key: 1,
+                    type: "button",
+                    variant: "default",
+                    size: "sm",
+                    disabled: p.value || o.disabled || o.readonly || !d.value || !n.value,
+                    "data-testid": "git-code-editor-save",
+                    onClick: C
+                  }, {
+                    default: c(() => [
+                      p.value ? (s(), h(l(q), {
+                        key: 0,
+                        class: "size-4 animate-spin"
+                      })) : (s(), h(l(Q), {
+                        key: 1,
+                        class: "size-4"
+                      })),
+                      b("span", null, L(p.value ? "Saving…" : "Save"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : _("", !0)
+                ]),
+                v.value ? (s(), B("p", fe, L(v.value), 1)) : _("", !0)
+              ]),
+              _: 1
+            }),
+            r(l(de), { class: "p-0" }, {
+              default: c(() => [
+                y.value ? (s(), B("div", me, [
+                  r(l(q), { class: "size-4 animate-spin" }),
+                  a[1] || (a[1] = b("span", null, "Loading file…", -1))
+                ])) : _("", !0),
+                r(l(oe), {
+                  id: o.id,
+                  "model-value": f.value,
+                  readonly: o.readonly || y.value,
+                  disabled: o.disabled,
+                  required: o.required,
+                  rows: 16,
+                  spellcheck: "false",
+                  class: "min-h-64 rounded-none border-0 font-mono text-xs focus-visible:ring-0 focus-visible:ring-offset-0",
+                  "data-element-name": t.name ?? void 0,
+                  "data-testid": "git-code-editor-textarea",
+                  "onUpdate:modelValue": N
+                }, null, 8, ["id", "model-value", "readonly", "disabled", "required", "data-element-name"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-element-name"])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors", "class"]));
+  }
+});
+export {
+  ze as default
+};
+//# sourceMappingURL=GitCodeEditor.vue2.js.map

package/dist/components/compositions/elements/code/GitCodeEditor.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GitCodeEditor.vue2.js","sources":["../../../../../src/components/compositions/elements/code/GitCodeEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven git code editor composition. Wraps a textarea editor\n * with a branch switcher, file-path input, and a save button. The\n * composition makes no HTTP calls — the consumer supplies Promise-\n * returning callbacks for loading branches, loading a file, and\n * (optionally) saving it.\n *\n *   <GitCodeEditor\n *     repository=\"gramercy/plugins\"\n *     v-model:branch=\"branch\"\n *     v-model:path=\"path\"\n *     v-model=\"content\"\n *     :on-load-branches=\"loadBranches\"\n *     :on-load-file=\"loadFile\"\n *     :on-save-file=\"saveFile\"\n *   />\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport { GitBranch, Loader2, Save } from \"lucide-vue-next\"\nimport { Button } from \"@/components/ui/button\"\nimport { Card, CardContent, CardHeader } from \"@/components/ui/card\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport { Input } from \"@/components/ui/input\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface GitCodeEditorLoadedFile {\n  content: string\n  language?: string\n}\n\nexport interface GitCodeEditorProps {\n  /** Repository identifier (display only). */\n  repository?: string\n  /** Current branch (v-modelable). */\n  branch?: string\n  /** Current file path (v-modelable). */\n  path?: string\n  /** File content (v-modelable via modelValue). */\n  modelValue?: string\n  /** Lists the branches for the branch selector. */\n  onLoadBranches?: () => Promise<string[]>\n  /** REQUIRED loader for the current (path, branch). */\n  onLoadFile?: (\n    path: string,\n    branch: string,\n  ) => Promise<GitCodeEditorLoadedFile>\n  /** Optional save callback. When omitted, the save button is hidden. */\n  onSaveFile?: (path: string, branch: string, content: string) => Promise<void>\n  /** Syntax hint. Default plaintext; overridden by `onLoadFile`'s response. */\n  language?: string\n  readonly?: boolean\n  disabled?: boolean\n  required?: boolean\n  label?: string\n  hideLabel?: boolean\n  name?: string | null\n  id?: string\n  helpText?: string\n  errors?: string[]\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<GitCodeEditorProps>(), {\n  errors: () => [],\n  language: \"plaintext\",\n  label: \"Git Code Editor\",\n})\n\nconst emit = defineEmits<{\n  \"update:modelValue\": [value: string]\n  \"update:branch\": [value: string]\n  \"update:path\": [value: string]\n  \"update:language\": [value: string]\n}>()\n\nconst content = ref<string>(props.modelValue ?? \"\")\nconst branchRef = ref<string>(props.branch ?? \"\")\nconst pathRef = ref<string>(props.path ?? \"\")\nconst languageRef = ref<string>(props.language ?? \"plaintext\")\n\nwatch(\n  () => props.modelValue,\n  (next) => {\n    if (next !== undefined && next !== content.value) {\n      content.value = next\n    }\n  },\n)\nwatch(\n  () => props.branch,\n  (next) => {\n    if (next !== undefined && next !== branchRef.value) {\n      branchRef.value = next\n    }\n  },\n)\nwatch(\n  () => props.path,\n  (next) => {\n    if (next !== undefined && next !== pathRef.value) {\n      pathRef.value = next\n    }\n  },\n)\nwatch(\n  () => props.language,\n  (next) => {\n    if (next !== undefined && next !== languageRef.value) {\n      languageRef.value = next\n    }\n  },\n)\n\nfunction updateContent(next: string | undefined): void {\n  const value = next ?? \"\"\n  content.value = value\n  emit(\"update:modelValue\", value)\n}\n\nfunction updateBranch(next: string): void {\n  branchRef.value = next\n  emit(\"update:branch\", next)\n}\n\nfunction updatePath(next: string | number | undefined): void {\n  const v = next === undefined ? \"\" : String(next)\n  pathRef.value = v\n  emit(\"update:path\", v)\n}\n\n// --- branches loader -------------------------------------------------\nconst branches = ref<string[]>([])\nconst branchesLoading = ref<boolean>(false)\nconst branchesError = ref<string | null>(null)\n\nasync function loadBranches(): Promise<void> {\n  if (!props.onLoadBranches) {\n    return\n  }\n  branchesLoading.value = true\n  branchesError.value = null\n  try {\n    const next = await props.onLoadBranches()\n    branches.value = Array.isArray(next) ? next : []\n  } catch (err) {\n    branchesError.value = err instanceof Error ? err.message : String(err)\n    branches.value = []\n  } finally {\n    branchesLoading.value = false\n  }\n}\n\n// --- file loader -----------------------------------------------------\nconst fileLoading = ref<boolean>(false)\nconst fileError = ref<string | null>(null)\nlet fileToken = 0\n\nasync function loadFile(): Promise<void> {\n  if (!props.onLoadFile) {\n    return\n  }\n  if (!pathRef.value || !branchRef.value) {\n    return\n  }\n  const myToken = ++fileToken\n  fileLoading.value = true\n  fileError.value = null\n  try {\n    const result = await props.onLoadFile(pathRef.value, branchRef.value)\n    if (myToken !== fileToken) {\n      return\n    }\n    const next = result?.content ?? \"\"\n    content.value = next\n    emit(\"update:modelValue\", next)\n    if (result?.language) {\n      languageRef.value = result.language\n      emit(\"update:language\", result.language)\n    }\n  } catch (err) {\n    if (myToken !== fileToken) {\n      return\n    }\n    fileError.value = err instanceof Error ? err.message : String(err)\n  } finally {\n    if (myToken === fileToken) {\n      fileLoading.value = false\n    }\n  }\n}\n\nwatch([branchRef, pathRef], () => {\n  void loadFile()\n})\n\n// --- save ------------------------------------------------------------\nconst saving = ref<boolean>(false)\nconst saveError = ref<string | null>(null)\n\nasync function save(): Promise<void> {\n  if (!props.onSaveFile) {\n    return\n  }\n  if (!pathRef.value || !branchRef.value) {\n    return\n  }\n  saving.value = true\n  saveError.value = null\n  try {\n    await props.onSaveFile(pathRef.value, branchRef.value, content.value)\n  } catch (err) {\n    saveError.value = err instanceof Error ? err.message : String(err)\n  } finally {\n    saving.value = false\n  }\n}\n\nconst branchOptions = computed<string[]>(() => {\n  const all = new Set(branches.value)\n  if (branchRef.value) {\n    all.add(branchRef.value)\n  }\n  return Array.from(all)\n})\n\nconst allErrors = computed<string[]>(() => {\n  const out = [...(props.errors ?? [])]\n  if (fileError.value) {\n    out.push(fileError.value)\n  }\n  if (saveError.value) {\n    out.push(saveError.value)\n  }\n  return out\n})\n\nconst showSave = computed<boolean>(() => Boolean(props.onSaveFile))\n\nonMounted(() => {\n  void loadBranches()\n  void loadFile()\n})\n\ndefineExpose({ reload: loadFile, save })\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"allErrors\"\n    :class=\"cn(props.classList)\"\n  >\n    <Card\n      :data-element-name=\"props.name ?? undefined\"\n      data-testid=\"git-code-editor\"\n    >\n      <CardHeader class=\"flex flex-col gap-2 border-b py-3\">\n        <div class=\"flex flex-wrap items-center gap-2\">\n          <div\n            v-if=\"props.repository\"\n            class=\"flex items-center gap-1.5 rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground\"\n            data-testid=\"git-code-editor-repository\"\n          >\n            <GitBranch class=\"size-3.5\" />\n            <span>{{ props.repository }}</span>\n          </div>\n\n          <div class=\"min-w-40\" data-testid=\"git-code-editor-branch-wrapper\">\n            <Select\n              :model-value=\"branchRef\"\n              :disabled=\"disabled || readonly || branchesLoading\"\n              @update:model-value=\"(v) => updateBranch(String(v ?? ''))\"\n            >\n              <SelectTrigger\n                data-testid=\"git-code-editor-branch-trigger\"\n                :aria-label=\"'Branch'\"\n              >\n                <SelectValue placeholder=\"Select branch\" />\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem\n                  v-for=\"b in branchOptions\"\n                  :key=\"b\"\n                  :value=\"b\"\n                  :data-testid=\"`git-code-editor-branch-${b}`\"\n                >\n                  {{ b }}\n                </SelectItem>\n              </SelectContent>\n            </Select>\n          </div>\n\n          <Input\n            :model-value=\"pathRef\"\n            placeholder=\"path/to/file\"\n            class=\"flex-1 min-w-48\"\n            :disabled=\"disabled || readonly\"\n            data-testid=\"git-code-editor-path-input\"\n            @update:model-value=\"updatePath\"\n          />\n\n          <Button\n            v-if=\"showSave\"\n            type=\"button\"\n            variant=\"default\"\n            size=\"sm\"\n            :disabled=\"\n              saving || disabled || readonly || !pathRef || !branchRef\n            \"\n            data-testid=\"git-code-editor-save\"\n            @click=\"save\"\n          >\n            <Loader2 v-if=\"saving\" class=\"size-4 animate-spin\" />\n            <Save v-else class=\"size-4\" />\n            <span>{{ saving ? \"Saving…\" : \"Save\" }}</span>\n          </Button>\n        </div>\n        <p\n          v-if=\"languageRef\"\n          class=\"text-[10px] uppercase tracking-wide text-muted-foreground\"\n          data-testid=\"git-code-editor-language\"\n        >\n          {{ languageRef }}\n        </p>\n      </CardHeader>\n      <CardContent class=\"p-0\">\n        <div\n          v-if=\"fileLoading\"\n          class=\"flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground\"\n          data-testid=\"git-code-editor-loading\"\n        >\n          <Loader2 class=\"size-4 animate-spin\" />\n          <span>Loading file…</span>\n        </div>\n        <Textarea\n          :id=\"id\"\n          :model-value=\"content\"\n          :readonly=\"readonly || fileLoading\"\n          :disabled=\"disabled\"\n          :required=\"required\"\n          :rows=\"16\"\n          spellcheck=\"false\"\n          class=\"min-h-64 rounded-none border-0 font-mono text-xs focus-visible:ring-0 focus-visible:ring-offset-0\"\n          :data-element-name=\"props.name ?? undefined\"\n          data-testid=\"git-code-editor-textarea\"\n          @update:model-value=\"updateContent\"\n        />\n      </CardContent>\n    </Card>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","emit","__emit","content","ref","branchRef","pathRef","languageRef","watch","next","updateContent","value","updateBranch","updatePath","v","branches","branchesLoading","branchesError","loadBranches","err","fileLoading","fileError","fileToken","loadFile","myToken","result","saving","saveError","save","branchOptions","computed","all","allErrors","out","showSave","onMounted","__expose","_createBlock","_unref","FieldFrame","_normalizeClass","cn","_createVNode","Card","CardHeader","_createElementVNode","_hoisted_1","_openBlock","_createElementBlock","_hoisted_2","GitBranch","_toDisplayString","_hoisted_3","Select","SelectTrigger","SelectValue","SelectContent","_Fragment","_renderList","b","SelectItem","Input","Button","Loader2","Save","_hoisted_4","CardContent","_hoisted_5","_cache","Textarea"],"mappings":"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"}

package/dist/components/compositions/elements/code/PullRequestsList.vue.js

@@ -0,0 +1,5 @@
+import f from "./PullRequestsList.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PullRequestsList.vue.js.map

package/dist/components/compositions/elements/code/PullRequestsList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestsList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/code/PullRequestsList.vue2.js

@@ -0,0 +1,306 @@
+import { defineComponent as W, ref as h, computed as Y, onMounted as Z, watch as ee, openBlock as s, createBlock as b, unref as a, normalizeClass as C, withCtx as m, createVNode as u, createElementVNode as c, toDisplayString as n, createElementBlock as l, Fragment as T, renderList as A, createCommentVNode as i, resolveDynamicComponent as te, createTextVNode as B } from "vue";
+import { GitPullRequest as D, Search as se, ArrowRight as ae, GitMerge as le, XCircle as re, GitPullRequestDraft as oe } from "lucide-vue-next";
+import "../../../ui/avatar/index.js";
+import "../../../ui/badge/index.js";
+import "../../../ui/card/index.js";
+import ne from "../../../ui/input/Input.vue.js";
+import S from "../../../ui/skeleton/Skeleton.vue.js";
+import { cn as R } from "../../../../lib/utils.js";
+import ue from "../../../ui/card/Card.vue.js";
+import ie from "../../../ui/card/CardHeader.vue.js";
+import ce from "../../../ui/card/CardTitle.vue.js";
+import de from "../../../ui/card/CardContent.vue.js";
+import fe from "../../../ui/badge/Badge.vue.js";
+import me from "../../../ui/avatar/Avatar.vue.js";
+import pe from "../../../ui/avatar/AvatarImage.vue.js";
+import _e from "../../../ui/avatar/AvatarFallback.vue.js";
+const he = { class: "flex flex-wrap items-center gap-2" }, ve = { class: "flex flex-wrap items-center gap-1" }, xe = ["data-testid", "aria-pressed", "onClick"], ge = { class: "relative flex-1 min-w-48" }, ye = {
+  key: 0,
+  class: "text-sm text-muted-foreground",
+  "data-testid": "pull-requests-list-help"
+}, be = {
+  key: 0,
+  class: "flex flex-col gap-2 px-2 py-2",
+  "data-testid": "pull-requests-list-loading"
+}, ke = {
+  key: 1,
+  class: "px-2 py-2 text-sm text-destructive",
+  "data-testid": "pull-requests-list-error",
+  role: "alert"
+}, qe = {
+  key: 2,
+  class: "px-2 py-4 text-center text-sm text-muted-foreground",
+  "data-testid": "pull-requests-list-empty"
+}, $e = {
+  key: 3,
+  class: "flex flex-col",
+  role: "list",
+  "data-testid": "pull-requests-list-rows"
+}, we = ["data-testid", "aria-selected", "onClick"], Ne = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, Ce = { class: "flex items-center gap-2" }, Te = { class: "truncate text-sm font-medium" }, Ae = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+}, Se = { class: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground" }, Re = {
+  key: 0,
+  class: "flex items-center gap-1.5"
+}, ze = {
+  key: 1,
+  class: "flex items-center gap-1"
+}, Ie = {
+  key: 0,
+  class: "font-mono"
+}, Me = {
+  key: 2,
+  class: "font-mono"
+}, Be = { key: 2 }, De = {
+  key: 4,
+  class: "px-2 pt-2 text-sm text-destructive",
+  "data-testid": "pull-requests-list-errors",
+  role: "alert"
+}, et = /* @__PURE__ */ W({
+  __name: "PullRequestsList",
+  props: {
+    onLoadPullRequests: {},
+    defaultFilter: {},
+    selectedId: {},
+    onSelect: {},
+    label: { default: "Pull Requests" },
+    name: {},
+    helpText: {},
+    errors: { default: () => [] },
+    classList: {}
+  },
+  emits: ["update:selectedId"],
+  setup(F, { expose: P, emit: L }) {
+    var I, M;
+    const r = F, V = L, d = h(
+      ((I = r.defaultFilter) == null ? void 0 : I.status) ?? "all"
+    ), p = h(((M = r.defaultFilter) == null ? void 0 : M.query) ?? ""), v = h([]), k = h(!1), x = h(null);
+    let g = 0;
+    const U = [
+      { value: "all", label: "All" },
+      { value: "open", label: "Open" },
+      { value: "draft", label: "Draft" },
+      { value: "merged", label: "Merged" },
+      { value: "closed", label: "Closed" }
+    ];
+    function E(t) {
+      switch (t) {
+        case "open":
+          return "success";
+        case "merged":
+          return "info";
+        case "closed":
+          return "destructive";
+        case "draft":
+        default:
+          return "secondary";
+      }
+    }
+    function G(t) {
+      return t === "merged" ? le : t === "closed" ? re : t === "draft" ? oe : D;
+    }
+    function j(t) {
+      if (!t)
+        return "";
+      const o = t instanceof Date ? t : new Date(t), e = Date.now() - o.getTime();
+      if (Number.isNaN(e))
+        return "";
+      const f = Math.round(e / 1e3);
+      if (f < 60)
+        return `${f}s ago`;
+      const q = Math.round(f / 60);
+      if (q < 60)
+        return `${q}m ago`;
+      const $ = Math.round(q / 60);
+      if ($ < 24)
+        return `${$}h ago`;
+      const w = Math.round($ / 24);
+      if (w < 30)
+        return `${w}d ago`;
+      const N = Math.round(w / 30);
+      return N < 12 ? `${N}mo ago` : `${Math.round(N / 12)}y ago`;
+    }
+    function H() {
+      const t = {};
+      return d.value !== "all" && (t.status = d.value), p.value && (t.query = p.value), t;
+    }
+    async function _() {
+      const t = ++g;
+      k.value = !0, x.value = null;
+      try {
+        const o = await r.onLoadPullRequests(H());
+        if (t !== g)
+          return;
+        v.value = Array.isArray(o) ? o : [];
+      } catch (o) {
+        if (t !== g)
+          return;
+        x.value = o instanceof Error ? o.message : String(o), v.value = [];
+      } finally {
+        t === g && (k.value = !1);
+      }
+    }
+    let y = null;
+    function O() {
+      y !== null && clearTimeout(y), y = setTimeout(() => {
+        y = null, _();
+      }, 200);
+    }
+    function Q(t) {
+      d.value !== t && (d.value = t, _());
+    }
+    function X(t) {
+      const o = t.target.value;
+      p.value = o, O();
+    }
+    function J(t) {
+      V("update:selectedId", t.id), r.onSelect && r.onSelect(t);
+    }
+    function K(t) {
+      return t ? t.split(/\s+/).filter(Boolean).slice(0, 2).map((o) => {
+        var e;
+        return ((e = o[0]) == null ? void 0 : e.toUpperCase()) ?? "";
+      }).join("") : "?";
+    }
+    const z = Y(() => r.selectedId);
+    return Z(() => {
+      _();
+    }), ee(
+      () => r.defaultFilter,
+      (t) => {
+        t && (d.value = t.status ?? "all", p.value = t.query ?? "", _());
+      },
+      { deep: !0 }
+    ), P({ reload: _ }), (t, o) => (s(), b(a(ue), {
+      class: C(a(R)(r.classList)),
+      "data-element-name": r.name ?? void 0,
+      "data-testid": "pull-requests-list"
+    }, {
+      default: m(() => [
+        u(a(ie), { class: "flex flex-col gap-3 pb-3" }, {
+          default: m(() => [
+            u(a(ce), { class: "flex items-center gap-2 text-base" }, {
+              default: m(() => [
+                u(a(D), { class: "size-5 text-muted-foreground" }),
+                c("span", null, n(r.label), 1)
+              ]),
+              _: 1
+            }),
+            c("div", he, [
+              c("div", ve, [
+                (s(), l(T, null, A(U, (e) => c("button", {
+                  key: e.value,
+                  type: "button",
+                  class: C(
+                    a(R)(
+                      "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+                      d.value === e.value ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground"
+                    )
+                  ),
+                  "data-testid": `pull-requests-list-chip-${e.value}`,
+                  "aria-pressed": d.value === e.value,
+                  onClick: (f) => Q(e.value)
+                }, n(e.label), 11, xe)), 64))
+              ]),
+              c("div", ge, [
+                u(a(se), { class: "absolute left-2 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+                u(a(ne), {
+                  "model-value": p.value,
+                  placeholder: "Search…",
+                  class: "pl-8",
+                  "data-testid": "pull-requests-list-search",
+                  onInput: X
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            r.helpText ? (s(), l("p", ye, n(r.helpText), 1)) : i("", !0)
+          ]),
+          _: 1
+        }),
+        u(a(de), { class: "flex flex-col gap-1 p-2" }, {
+          default: m(() => [
+            k.value ? (s(), l("div", be, [
+              u(a(S), { class: "h-12 w-full" }),
+              u(a(S), { class: "h-12 w-full" }),
+              u(a(S), { class: "h-12 w-full" })
+            ])) : x.value ? (s(), l("p", ke, n(x.value), 1)) : v.value.length === 0 ? (s(), l("p", qe, " No pull requests. ")) : (s(), l("ul", $e, [
+              (s(!0), l(T, null, A(v.value, (e) => (s(), l("li", {
+                key: e.id,
+                class: C(
+                  a(R)(
+                    "flex cursor-pointer items-center gap-3 rounded-md border border-transparent px-2 py-2 hover:bg-accent",
+                    z.value === e.id ? "border-primary bg-accent" : ""
+                  )
+                ),
+                "data-testid": `pull-requests-list-row-${e.id}`,
+                "aria-selected": z.value === e.id,
+                onClick: (f) => J(e)
+              }, [
+                (s(), b(te(G(e.status)), { class: "size-4 shrink-0 text-muted-foreground" })),
+                c("div", Ne, [
+                  c("div", Ce, [
+                    c("span", Te, n(e.title), 1),
+                    e.number !== void 0 ? (s(), l("span", Ae, " #" + n(e.number), 1)) : i("", !0),
+                    u(a(fe), {
+                      variant: E(e.status),
+                      size: "sm",
+                      class: "capitalize"
+                    }, {
+                      default: m(() => [
+                        B(n(e.status), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["variant"])
+                  ]),
+                  c("div", Se, [
+                    e.authorName ? (s(), l("span", Re, [
+                      u(a(me), {
+                        size: "sm",
+                        class: "size-5 text-[10px]"
+                      }, {
+                        default: m(() => [
+                          e.authorAvatarUrl ? (s(), b(a(pe), {
+                            key: 0,
+                            src: e.authorAvatarUrl,
+                            alt: e.authorName
+                          }, null, 8, ["src", "alt"])) : i("", !0),
+                          u(a(_e), null, {
+                            default: m(() => [
+                              B(n(K(e.authorName)), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      c("span", null, n(e.authorName), 1)
+                    ])) : i("", !0),
+                    e.branchName || e.targetBranch ? (s(), l("span", ze, [
+                      e.branchName ? (s(), l("span", Ie, n(e.branchName), 1)) : i("", !0),
+                      e.branchName && e.targetBranch ? (s(), b(a(ae), {
+                        key: 1,
+                        class: "size-3"
+                      })) : i("", !0),
+                      e.targetBranch ? (s(), l("span", Me, n(e.targetBranch), 1)) : i("", !0)
+                    ])) : i("", !0),
+                    e.updatedAt || e.createdAt ? (s(), l("span", Be, n(j(e.updatedAt ?? e.createdAt)), 1)) : i("", !0)
+                  ])
+                ]),
+                i("", !0)
+              ], 10, we))), 128))
+            ])),
+            r.errors.length ? (s(), l("ul", De, [
+              (s(!0), l(T, null, A(r.errors, (e, f) => (s(), l("li", { key: f }, n(e), 1))), 128))
+            ])) : i("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class", "data-element-name"]));
+  }
+});
+export {
+  et as default
+};
+//# sourceMappingURL=PullRequestsList.vue2.js.map