rename(phase 1): CapaKraken → Nexus across code, UI, docs, CI (#61)

rename(phase 1): CapaKraken → Nexus across code, UI, docs, CI (#61) Co-authored-by: Hartmut Nörenberg <hn@hartmut-noerenberg.com> Co-committed-by: Hartmut Nörenberg <hn@hartmut-noerenberg.com>
2026-05-21 16:28:40 +02:00
parent d9a7ec0338
commit b41c1d2501
943 changed files with 24548 additions and 16832 deletions
@@ -1,7 +1,7 @@
 "use client";

 import { useState } from "react";
-import type { RoleWithResourceCount } from "@capakraken/shared";
+import type { RoleWithResourceCount } from "@nexus/shared";
 import { trpc } from "~/lib/trpc/client.js";
 import { AnimatedModal } from "~/components/ui/AnimatedModal.js";
 import { InfoTooltip } from "~/components/ui/InfoTooltip.js";
@@ -80,110 +80,117 @@ export function RoleModal({ role, onClose, onSuccess }: RoleModalProps) {

  return (
    <AnimatedModal open onClose={onClose} maxWidth="max-w-md">
-        <div className="flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700">
-          <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">
-            {isEditing ? "Edit Role" : "New Role"}
-          </h2>
+      <div className="flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700">
+        <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100">
+          {isEditing ? "Edit Role" : "New Role"}
+        </h2>
+        <button
+          type="button"
+          onClick={onClose}
+          className="text-xl leading-none text-gray-400 transition hover:text-gray-600 dark:hover:text-gray-200"
+        >
+          &times;
+        </button>
+      </div>
+
+      <form onSubmit={handleSubmit} className="px-6 py-5 space-y-4">
+        <div>
+          <label className={labelClass}>
+            Name <span className="text-red-500">*</span>
+            <InfoTooltip content="Role name shown in timelines, allocation pickers, and staffing demands (e.g. 3D Artist, Producer)." />
+          </label>
+          <input
+            type="text"
+            value={name}
+            onChange={(e) => {
+              setName(e.target.value);
+              setServerError(null);
+            }}
+            placeholder="e.g. 3D Artist"
+            className={inputClass}
+            maxLength={100}
+            required
+          />
+        </div>
+
+        <div>
+          <label className={labelClass}>
+            Description
+            <InfoTooltip content="Optional description of this role's responsibilities." />
+          </label>
+          <input
+            type="text"
+            value={description}
+            onChange={(e) => setDescription(e.target.value)}
+            placeholder="Optional description"
+            className={inputClass}
+            maxLength={500}
+          />
+        </div>
+
+        <div>
+          <label className={labelClass}>
+            Color
+            <InfoTooltip content="Color used in timeline bars and badge chips for this role." />
+          </label>
+          <div className="rounded-2xl border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/70">
+            <div className="mb-3 flex items-center gap-3">
+              <div
+                className="h-8 w-8 flex-shrink-0 rounded-full border-2 border-gray-200 dark:border-gray-600"
+                style={{ backgroundColor: color }}
+              />
+              <p className="text-sm text-gray-600 dark:text-gray-300">
+                Pick a color that stays readable in timelines and chips.
+              </p>
+            </div>
+            <div className="flex flex-wrap gap-2 flex-1">
+              {PRESET_COLORS.map((c) => (
+                <button
+                  key={c}
+                  type="button"
+                  onClick={() => setColor(c)}
+                  className="w-6 h-6 rounded-full border-2 transition-transform hover:scale-110"
+                  style={{
+                    backgroundColor: c,
+                    borderColor: color === c ? "#1f2937" : "transparent",
+                  }}
+                />
+              ))}
+            </div>
+            <input
+              type="color"
+              value={color}
+              onChange={(e) => setColor(e.target.value)}
+              className="mt-3 h-8 w-10 cursor-pointer rounded border border-gray-300 bg-transparent dark:border-gray-600"
+              title="Custom color"
+            />
+          </div>
+        </div>
+
+        {serverError && (
+          <div className="rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/30 dark:text-red-300">
+            {serverError}
+          </div>
+        )}
+
+        <div className="flex items-center justify-end gap-3 pt-2">
          <button
            type="button"
            onClick={onClose}
-            className="text-xl leading-none text-gray-400 transition hover:text-gray-600 dark:hover:text-gray-200"
+            disabled={isPending}
+            className="rounded-xl px-4 py-2 text-sm font-medium text-gray-700 transition hover:bg-gray-100 hover:text-gray-900 disabled:opacity-50 dark:text-gray-300 dark:hover:bg-gray-800"
          >
-            &times;
+            Cancel
+          </button>
+          <button
+            type="submit"
+            disabled={isPending}
+            className="rounded-xl bg-brand-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-brand-700 disabled:opacity-50"
+          >
+            {isPending ? "Saving…" : "Save"}
          </button>
        </div>
-
-        <form onSubmit={handleSubmit} className="px-6 py-5 space-y-4">
-          <div>
-            <label className={labelClass}>
-              Name <span className="text-red-500">*</span><InfoTooltip content="Role name shown in timelines, allocation pickers, and staffing demands (e.g. 3D Artist, Producer)." />
-            </label>
-            <input
-              type="text"
-              value={name}
-              onChange={(e) => {
-                setName(e.target.value);
-                setServerError(null);
-              }}
-              placeholder="e.g. 3D Artist"
-              className={inputClass}
-              maxLength={100}
-              required
-            />
-          </div>
-
-          <div>
-            <label className={labelClass}>Description<InfoTooltip content="Optional description of this role's responsibilities." /></label>
-            <input
-              type="text"
-              value={description}
-              onChange={(e) => setDescription(e.target.value)}
-              placeholder="Optional description"
-              className={inputClass}
-              maxLength={500}
-            />
-          </div>
-
-          <div>
-            <label className={labelClass}>Color<InfoTooltip content="Color used in timeline bars and badge chips for this role." /></label>
-            <div className="rounded-2xl border border-gray-200 bg-gray-50 p-4 dark:border-gray-700 dark:bg-gray-800/70">
-              <div className="mb-3 flex items-center gap-3">
-                <div
-                  className="h-8 w-8 flex-shrink-0 rounded-full border-2 border-gray-200 dark:border-gray-600"
-                  style={{ backgroundColor: color }}
-                />
-                <p className="text-sm text-gray-600 dark:text-gray-300">
-                  Pick a color that stays readable in timelines and chips.
-                </p>
-              </div>
-              <div className="flex flex-wrap gap-2 flex-1">
-                {PRESET_COLORS.map((c) => (
-                  <button
-                    key={c}
-                    type="button"
-                    onClick={() => setColor(c)}
-                    className="w-6 h-6 rounded-full border-2 transition-transform hover:scale-110"
-                    style={{
-                      backgroundColor: c,
-                      borderColor: color === c ? "#1f2937" : "transparent",
-                    }}
-                  />
-                ))}
-              </div>
-              <input
-                type="color"
-                value={color}
-                onChange={(e) => setColor(e.target.value)}
-                className="mt-3 h-8 w-10 cursor-pointer rounded border border-gray-300 bg-transparent dark:border-gray-600"
-                title="Custom color"
-              />
-            </div>
-          </div>
-
-          {serverError && (
-            <div className="rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/30 dark:text-red-300">
-              {serverError}
-            </div>
-          )}
-
-          <div className="flex items-center justify-end gap-3 pt-2">
-            <button
-              type="button"
-              onClick={onClose}
-              disabled={isPending}
-              className="rounded-xl px-4 py-2 text-sm font-medium text-gray-700 transition hover:bg-gray-100 hover:text-gray-900 disabled:opacity-50 dark:text-gray-300 dark:hover:bg-gray-800"
-            >
-              Cancel
-            </button>
-            <button
-              type="submit"
-              disabled={isPending}
-              className="rounded-xl bg-brand-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-brand-700 disabled:opacity-50"
-            >
-              {isPending ? "Saving…" : "Save"}
-            </button>
-          </div>
-        </form>
+      </form>
    </AnimatedModal>
  );
 }
@@ -1,7 +1,7 @@
 "use client";

 import { useState } from "react";
-import type { RoleWithResourceCount } from "@capakraken/shared";
+import type { RoleWithResourceCount } from "@nexus/shared";
 import { trpc } from "~/lib/trpc/client.js";
 import { RoleModal } from "./RoleModal.js";
 import { FilterChips } from "~/components/ui/FilterChips.js";
@@ -150,7 +150,10 @@ export function RolesClient() {
                tooltip="Role name (e.g. 3D Artist, Producer). Shown in timeline bars and staffing views."
              />
              <th className="text-left px-4 py-3 font-medium text-gray-600 dark:text-gray-400 text-xs uppercase tracking-wider">
-                <span className="inline-flex items-center gap-0.5">Description<InfoTooltip content="Optional description of the role's responsibilities and typical work." /></span>
+                <span className="inline-flex items-center gap-0.5">
+                  Description
+                  <InfoTooltip content="Optional description of the role's responsibilities and typical work." />
+                </span>
              </th>
              <SortableColumnHeader
                label="Resources"